HELP: Product Variants are too messy - YOUR EXPERTISE IS REQUIRED

Technical Q&A
1

Hi my name is Andrew and I’m a college kid selling no-tie shoelaces online. I’ve made my store. My product has 23 variants. However my product page has the all 23 variants in picture format covering half the whole product page. I’m looking for a way to display the variants one by one and not all at once. HELP!

Check my product page here —> https://lacesify.com/products/elastic-no-tie-shoelaces

Any advice on my store is appreciated. :slightly_smiling_face:

2

hello @noodleoodlez

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-product-template .product-single__thumbnails.grid-uniform{
    display: flex;
    flex-wrap: wrap;
}

#shopify-section-product-template .product-single__thumbnails.grid-uniform .grid__item {
    width: 20% !important;
}
#shopify-section-product-template .product-single__thumbnails li {
     margin-bottom: 0  !important; 
}
3

@noodleoodlez

Hey, Andrew.

What exactly do you mean by “display one by one”? Like in a slideshow without all the thumbnails?

1 Like
4

Yes! Exactly.