Personalized checkout and custom promotions with Shopify Scripts
Hey!
I'm trying to hide the first image in my product gallery on the product page, but still have it display on the collection page etc. I've tried a few things I've seen on here, but none seem to work - Maybe because I'm using the IRA "grid" product page layout?
Can anyone help?
Thanks so much!
Solved! Go to the solution
This is an accepted solution.
Hi @Daniel_Ward
On this page you mean to remove the first image here? Scandinavian Style Coaster and Trivet Set – Geometrico (shopifypreview.com):
If yes, add the following code to index.css:
#shopify-section-product--static > section > div.product__content > div.product__media-container > div > div.product__media-item.initial {
display: none;
}
Cheers!
Hi @Daniel_Ward
Would you mind sharing your store's URL so we can assist on that? Cheers!
Hi @JHKCreate
Sure, the theme isn't live, but the preview is here: https://ejk11img7wnind0d-15098830.shopifypreview.com
Thanks for looking at it!
This is an accepted solution.
Hi @Daniel_Ward
On this page you mean to remove the first image here? Scandinavian Style Coaster and Trivet Set – Geometrico (shopifypreview.com):
If yes, add the following code to index.css:
#shopify-section-product--static > section > div.product__content > div.product__media-container > div > div.product__media-item.initial {
display: none;
}
Cheers!
That worked perfectly! Thank you so much!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024