Media Upload fields

When defining fields of the 'Media upload' 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.

If you need a file extension not currently in the list, get in touch and we'll add it for you

Uploaded medias 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.my_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 to your visitors' browser.

Where possible, the dimensions for an uploaded media in "width x height" format are appended as a querystring to the url stored in the metafield. If you need 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

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 cdn.accentuate.io, including transforming images to WEBP format for supporting browsers

Your original (unoptimized) media uploads are available via the original.accentuate.io domain if you need to use this.

While performance of our media delivery has been optimized, you should still consider only loading images when needed, aka "lazyloading". Google explains the concept here and you can find a very good 3rd-party library here.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us