Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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:
- 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
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
here is my website https://www.meowcotton.com/products/camping-cat-unisex-softstyle-t-shirt-cat-lovers thank you
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:
- 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
INCREDIBLE!
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
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024