Remove the first picture on the product page

Store Design
1

Hello,

So we want to remove the first picture on the productpage but you can see it on the collection page. So if u click on the product on the collection page you first see the modelpicture. Can someone help me out?

Website: quotrell.com
Website Theme: Focal}

Greetings Storm

2

Hi @Storum

pretty easy, just find the for tag which iterates the image in the product page template and add a condition using the forloop object, like

{% if forloop.first %} {% continue %} {% endif %}

of course you should implement some logic in order to avoid product gallery to be empty, for example if the product has only 1 image, in that case the condition would output an empty gallery|

Let me know if you need some practical help with this!

3

@Storum

@Storum ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

This will work only on desktop though, removing it on mobile unfortunately would require a more complex code solution. Feel free to reach out if you would like to get that done.

I hope it helps.

Kind regards,
Diego