How to Hide Desktop Layout Thumbnail Carousel Variant on Product Page in Dawn Theme?

Store Design
, ,

Topic summary

A user wants to hide the thumbnail carousel variant on product pages in the Dawn theme for both desktop and mobile layouts, similar to an example store they found.

Solution Provided:

  • Add custom CSS code to the theme.liquid file before the </head> tag
  • The code targets the thumbnail slider element with display properties to hide it
  • Original poster confirmed the solution worked successfully

Ongoing Issue:
Another user (LiamLogan6037) attempted the same fix but encountered a problem where all product images disappeared instead of just the thumbnails, requiring them to remove the code. This suggests the solution may need adjustment depending on specific theme customizations or versions.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m currently using the Dawn theme for my store and would like to hide the thumbnail carousel variant on the product page, specifically for the desktop layout. I’ve seen another store do this successfully where the thumbnails of variants are hidden on desktop and mobile. https://seasonalcollections.co/products/let-your-light-shine-t-shirt.

Does anyone know the best way to achieve this? Any help with the code or settings adjustments would be greatly appreciated!

Thank you in advance!

Gambar WhatsApp 2024-09-21 pukul 15.57.40_1b809e41.jpg
Gambar WhatsApp 2024-09-21 pukul 15.57.40_1b809e41.jpg1000×503 71.8 KB

1 Like
2

Hello @Syidrasyiddd
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

3

here is my website https://www.meowcotton.com/products/camping-cat-unisex-softstyle-t-shirt-cat-lovers thank you

1 Like
4
  • Here is the solution for you @Syidrasyiddd
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it
  • Here is the result you will achieve:

BSSTekLabs_0-1726911104544.png
BSSTekLabs_0-1726911104544.png1665×771 156 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
2 Likes
5

INCREDIBLE!

1 Like
6

Glad to help you. Have a good day.

1 Like
7

Morning,

This was exactly what we are trying to do aswel, i have copied your coding and pasted it where it should be however all that has happened is the other product images have completely disappeared so i have had to remove this coding as it did not work for me.