How can I hide variants from displaying in the product page?

Highlighted
New Member
8 0 0

They make the page look terrible with all the pics in that order:

https://toprotest.com/collections/lgbtq-collection/products/dont-assume-im-straight-unisex-tri-blend...

Is there any way that I can hide them and make them displayed only when someone choose the variant.

0 Likes
Highlighted

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:

 

@media (min-width: 767px){
.template-product .product-single__media-group > [class^='product-single']:not(:first-of-type){
    display: none;
}
}

 


Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
8 0 0

It worked, thank you! Sorry but I want to ask also if I can let the variants be displayed on the product page, like if there's a right and left arrow or some icons below the product price to choose the variant? or is it something complex to ask?

0 Likes
Highlighted

@ToProtest377 

Yes, unfortunately this would be much more complex, a Javascript slider would need to be implemented.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes