I'm using the venture theme and on the product pages instead of having the product images to the left of the screen viewed in a slider I would like it to be at the bottom of the main product image with no slider.
I have found one person who made a similar post
https://community.shopify.com/c/Shopify-Design/Venture-Theme-Product-image-grid-below-product-featur...
However, I don't understand what the first step is and I was unable to get this to work. Any kind of clarity on how to get this to work would mean a lot.
Here is a link to my site.
https://0gmc0okps5ftz4zk-27595636789.shopifypreview.com
Solved! Go to the solution
Success.
Hi, @kittkat ,
This is Evita from On The Map.
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.product-single .photos { display: block; } .product-single .slick-arrow { display: none!important; } .product-single .slick-track { display: flex; height: auto!important; flex-wrap: wrap; } .product-single__thumbnails.slick-vertical .slick-slide { width: calc(100% / 4)!important; }
Best,
Evita
Hey thanks so much for responding. This is exactly what I'm looking for however I am getting an error.
The images do appear on a grid however when i select one of the images they all disappear.
It seems like I can only select the first 3 images without it disappearing.
Here is the link to the updated edit on the site
https://a9n1amkwhtn6gio8-27595636789.shopifypreview.com
If you click on koala you can see what I mean.
Success.
Ah yes, add this code too:
.product-single__thumbnails .slick-track { transform: none!important; }
Subject | Author | Latest Post |
---|---|---|
Subject | Author | Posted |
---|---|---|
5m ago | ||
34m ago | ||
35m ago | ||
45m ago | ||
53m ago |