Display Variant Metafield - List of Multiple Files (Images) on Product Page

Solved

Display Variant Metafield - List of Multiple Files (Images) on Product Page

catWT
Tourist
5 2 2

Hi there, I am looking to display Product Variant Images on my Product Page, I have tried various ways to do this and thought using metafields would be the best way, however I am struggling to figure out how to implement this variant image metafield.

 

I am using the most recent Dawn Theme (v. 11). I have set up a Variant Metafield to include a list of multiple files (images). I would like to display these on the product page and update the images whenever a different variant swatch is selected. I understand I will need to add javascript. I am comfortable updating the code myself. I have found solutions for product metafields and variant text metafields but none for variant images.

 

For reference my metafield is: variant.metafields.custom.variation_img

 

Please help :')

PS - not interested in using an app, cheers

Accepted Solution (1)

catWT
Tourist
5 2 2

This is an accepted solution.

If anyone finds this looking for a solution and doesn't see my other post, I worked out a solution myself here: https://community.shopify.com/c/shopify-design/display-variant-metafield-list-of-multiple-files-imag...

View solution in original post

Reply 1 (1)

catWT
Tourist
5 2 2

This is an accepted solution.

If anyone finds this looking for a solution and doesn't see my other post, I worked out a solution myself here: https://community.shopify.com/c/shopify-design/display-variant-metafield-list-of-multiple-files-imag...