Help: The first product image isn't visible on the image zoom

If the first product image isn't displayed on the image zoom, we’ll walk you through a fix.

1. Access your themes section
2. Open the Loft theme code
3. Edit code

1. Access your themes section

Login to your Shopify admin, and then click “Online Store” (on the left side of the admin). This takes you to the “themes” area of your Shopify store.

Example themes section

2. Open the Loft theme code

Next, click the button that says “Actions” - followed by “Edit code” which will load the live code editor. It consists of a left hand sidebar, which lists all the files on Loft, along with a right hand code editing panel.

Shopify code editor

3. Edit code

You need to edit one line of code in the product-template.liquid file.

Do the following steps:

1. Search for the "Sections" folder
2. Open the "product-template.liquid" file
3. On line 190 find this block of code

   data-mfp-srcset="{%include 'bgsetzoom', image: current_variant.featured_image %}"

   And replace it with the following block of code

   data-mfp-srcset="{%include 'bgsetzoom', image: product.featured_image %}"

   Before

   

   After

   
4. Click "Save"