Accentuate Custom Fields
  • Welcome!
  • Introduction
    • Getting started with ACF
    • Field scopes
    • How to show fields in your storefront
  • Dashboard
    • Reference Manager
      • Creating a new reference within Reference Manager
    • Filter & Group
      • Filter editor
      • Filter usage
    • Activity log
    • App settings
  • Field Definitions
    • Fields & Sections
    • Deciding on a field type
    • ACF Field types
      • Text
      • Markdown text
      • HTML
      • Checkbox
      • Selection
      • Tags
      • Number
      • Date
      • Color
      • Media v1 (legacy)
      • Media v2
      • Custom Object (JSON)
      • Multi-language Text
      • Reference fields
      • References to Global fields
    • Shopify Field types
      • Shopify » Single line text
      • Shopify » Multi-line text
      • Shopify » Boolean
      • Shopify » Color
      • Shopify » Custom objects (JSON)
      • Shopify » URL
      • Shopify » Date
      • Shopify » Date and Time
      • Shopify » Integer
      • Shopify » Decimal
      • Shopify » Weight
      • Shopify » Volume
      • Shopify » Dimensions
      • Shopify » Reference fields
    • Automatic tagging
    • Large sets
    • Field contexts
    • Field context filters
    • Copy and paste fields
    • Change field name and type
    • Import existing fields
    • Linking multiple stores
  • The Editor
    • Using the editor
    • Promote fields to sidebar
    • Layouts
    • Hide from search
    • Repeatable fields
    • Version control
    • Update value on order creation
  • Bulk Import & Export
    • Export custom field values
    • Import custom field values
    • Metaobject export / import
  • METAOBJECTS
    • What are Metaobjects?
    • Metaobject Definitions
    • Metaobject instances / values
    • Displaying Metaobjects on your storefront
    • Metaobject export / import
  • THEME EXTENSIONS
    • SEO keywords
    • Sticky promo bar
    • Products promotion
  • Liquid Guides
    • Learning Liquid
    • Resize & crop images
    • Check for empty values
    • Access field definitions
    • Order notifications
    • Allow customers to change their field values
  • OTHER
    • Webhooks
    • API
      • Access to custom fields
      • Endpoints
  • Help
    • FAQ
      • Why are one of my products no longer showing in my reference field?
      • I have multiple products/variants with the same name
      • How do I make changes to my field values in bulk?
      • I added a new field definition but it is not showing in my storefront
      • How do I copy my field setup to another store?
      • My fields are still showing after I have deleted their field definition
      • Why are none of my fields showing in the editor?
      • My newly created object in Shopify is not available in ACF
      • Reference lists are empty?
      • Why am I seeing a "value cannot exceed 100,000 characters" error when saving?
      • Why can't I name my field "first", "last" or "size"?
    • Need help?
  • Product
    • Changelog
    • Feedback & Suggestions
Powered by GitBook
On this page
  1. Field Definitions
  2. ACF Field types

Media v1 (legacy)

PreviousColorNextMedia v2

Last updated 10 months ago

When defining fields of the 'Media (legacy)' type, you are able to upload files of different media types. Each field is defined together with a set of allowed file extensions, so you can control the type of file uploaded via the editor. Uploaded media are automatically uploaded to a secure Google Cloud Platform bucket and the corresponding URL pointing to the file is stored in the Metafield, ready to use:

<img src="{{ product.metafields.accentuate.extra_image }}"/>

The URL in the Metafield will have the form:

https://cdn.accentuate.io/12345678/12345678/filename-v12345678.ext

Where '12345678/12345678' is a set of internal Shopify IDs designating which Shopify resources it belongs to and 'v12345678' is a random version number assigned by ACF to the uploaded filename to keep it unique and ensure any new files will reach your visitors' browser. Where possible, the uploaded media's original dimensions in "width x height" format are appended as a query string to the URL stored in the Metafield. If you need to extract the dimensions in Liquid for layout purposes, you can split the URL by the '?' sign and the 'x' separating the dimensions. Example URL:

https://cdn.accentuate.io/12345678/12345678/filename-v12345678.ext?100x300

ACF currently has a limit of ~50MB per media upload. You will typically only reach this limit when uploading video files. Take care not to force your visitors to download assets of this size but consider using a streaming service for large video files (like YouTube)

Media uploads are served directly via world-class software services with very low network latency. ACF also employs performance optimization techniques similar to Shopify when fetching images via , including transforming images to WEBP format for supporting browsers (WEBP is only served if the resulting image is in fact smaller than the original image after optimisation)

While the performance of our media delivery has been optimized on a general level, you should still consider .

cdn.accentuate.io
further optimizations