Venture Theme - Product thumbnails in grid form

Solved
Highlighted
Tourist
6 0 0

Hello
I am using the venture theme and my product page shows variation products as sliders, I want the products to be displayed as a grid below the main product image, I have been looking for ways to fix get help from you. thank you .

Screenshot_1.pngScreenshot_2.png

I want to remove the slider and replace the grid as shown.

 

0 Likes
Highlighted
Excursionist
29 5 4

This is an accepted solution.

Hi,
Add the custom CSS below into bottom of theme.scss.css file

.product__photo-container {max-width: 100% !important;}
.photos {display: block;} .product-single__thumbnails button {display: none !important;} .product-single__thumbnails .slick-list, .product-single__thumbnails .slick-track {height: initial !important;} .product-single__thumbnails.slick-vertical .slick-slide { width: auto !important; }
1 Like
Highlighted
Tourist
4 0 1

Hi,

 

I add the code below and worked, but I have one issue when you press 2-3 thumb photos they disappear and you don't see them anymore. Can you help me with that? 

0 Likes
Highlighted
Tourist
4 0 1

HI,

 

Just add one more detail :)

 

On the phone is working good, problem is desktop?

 

Many Thanks



 

0 Likes