Vehicle images in Shopify, written into metafields, rendered from Liquid, with the key never leaving your app.

Shopify gives you a template language and no server of your own, which decides the shape of this integration. Resolve vehicles in an app or a scheduled job, store the URLs as metafields, and let Liquid render them like any other field.

LP shopify: hero1
LP shopify: hero2
LP shopify: s1

Liquid should read, not fetch

Liquid renders at request time and has no safe place for a secret. Resolve ahead of time and store the result on the product, so the storefront reads a metafield instead of calling anything.

  • The API key stays inside your app or job runner
  • Storefront rendering costs one metafield read
  • No storefront JavaScript and no third party script

The integration, Shopify edition

Resolve outside the storefront, store on the product, render from the theme.

01
Define the metafields

One namespace, a field per angle you render. Vehicle spec or VIN usually already lives on the product.

02
Resolve in a job

A scheduled job or a private app resolves each product and writes the URLs back through the Admin API.

03
Render from Liquid

The template outputs an img tag straight from the metafield, with the width your section renders.

04
Refresh on catalogue changes

Re-resolve when a product is created or its vehicle data changes, not on a timer.

LP shopify: s2

Fitment catalogues get consistent artwork

Stores selling parts by vehicle fitment need a picture of the vehicle, not of the part. Resolved imagery gives every fitment entry the same framing, which makes a filtered collection page read as one catalogue.

  • Identical angle and lighting across every fitment
  • Transparent cutouts sit on any section background
  • New model years appear without a photoshoot

Vehicle images in Shopify, in practice

The instinct on Shopify is to reach for a storefront script, because that is where themes usually put anything dynamic. For vehicle imagery that is the wrong trade: it puts a key somewhere public, adds a render blocking request to every collection page and leaves you debugging a theme instead of a job.

Writing URLs into metafields moves all of the work off the critical path. Resolution happens when the catalogue changes, which is rare, and the storefront does what it is good at, which is rendering fields into a template. Collection pages stay fast, and the theme stays something a merchandiser can edit.

What Shopify teams ask

Do you have a Shopify app in the app store?

Not currently. Most merchants run a private app or a scheduled job against the Admin API, which keeps the integration under their own control.

Can I call the API from Liquid?

No, and you would not want to. Liquid has no safe way to hold a secret. Resolve ahead of time and store the URLs as metafields.

Where do the URLs go?

Into product metafields, one per angle you render. The theme then reads them exactly like any other product field.

What about Shopify image transformations?

They apply to files in Shopify. Our URLs already carry width and format parameters, so request the size you need directly.

Does this work for parts and fitment stores?

Yes, and it is a common case. The vehicle image illustrates the fitment while the product stays the part.

How often should the job run?

When products change. A nightly pass over new and updated products is enough for most catalogues.

Try it on a development store

Tell us how vehicle data sits on your products and which sections show images. We come back with resolved URLs and a metafield plan.

  • A metafield structure for your angles
  • Sized variants for your theme sections
  • The trial covers a full catalogue pass
Thanks. We have your message and will come back with image URLs for your setup.
Something went wrong. Please try again or write to info@vehicleimagery.com.

Fill the metafields

Send us a sample of your product data and we show you the resolved URLs for it, ready to write back.

Usually the same working day.