I have shared the url: crepscity.com
The code you said to try semi-worked but it hid every first image product from my hole store. I want to target that 1 collection only?
Topic summary
Goal: Hide the first product image (main media) only on product pages in Shopify’s Dawn theme, while keeping it visible on home and collection pages.
Key solutions shared:
- Dawn 2.3.0 (global hide on product pages): Add to section-main-product.css: .product__media-item:first-child { display: none; }
- Hide thumbnails (carousel): In base.css, hide first thumbnail with .thumbnail-list…:first-child { display: none !important; } Users noted arrows remained; switching to “stacked” was suggested.
- Craft theme: Similar base.css thumbnail rule provided.
Per-user follow-ups and limits:
- Requests to only show the first image (or hide the second) asked for store URLs; no posted final code.
- Impact theme request not resolved publicly.
- One user’s attempt hid the main image container instead of the thumbnail; no posted fix.
Collection-specific need:
- A user wanted the hide applied to a single collection only. The generic CSS affected the whole store. The helper requested staff access and tested on a draft theme; no public code posted.
Latest development (most significant):
- User implemented JavaScript to hide any product image whose alt equals “hide-on-product-page” on product pages. They now need to also hide that image on collection and cart pages; no solution posted yet.
Status: Partially solved with CSS/JS; collection- and cart-page targeting remains open.
1 Like