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.
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