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

[Syidrasyiddd]

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!

 

[BSS-TekLabs]

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

[Syidrasyiddd]

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

[BSS-TekLabs · Accepted solution]

- 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 </head> and press 'Save' to save it

<style>
    .product--thumbnail_slider .thumbnail-slider {
        display: none !important;
    }
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Syidrasyiddd]

INCREDIBLE!

[BSS-TekLabs]

Glad to help you. Have a good day.