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

Solved

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

Syidrasyiddd
Tourist
6 0 3

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

 

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
2350 688 806

This is an 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:

BSSTekLabs_0-1726911104544.png

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 5 (5)

BSS-TekLabs
Shopify Partner
2350 688 806

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
BSS-TekLabs
Shopify Partner
2350 688 806

This is an 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:

BSSTekLabs_0-1726911104544.png

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Syidrasyiddd
Tourist
6 0 3

INCREDIBLE!

BSS-TekLabs
Shopify Partner
2350 688 806

Glad to help you. Have a good day.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now