N
N
nikfcsm2018-05-18 12:39:48
WordPress
nikfcsm, 2018-05-18 12:39:48

How to set number of woocommerce product gallery thumbnails?

Hello, tell me how you can set the number of products in a row in the woocommerce product gallery. Now 4 pieces are displayed
vodoleyplay.ru/product/fokusi
If you dig into the code and change

<div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4" style="opacity: 1; transition: opacity 0.25s ease-in-out;"

data-columns="4" on data-columns="10"
woocommerce-product-gallery--columns-4 images and on woocommerce-product-gallery--columns-10 images
Then it displays 10 pieces, so it is provided somewhere- is it in the options? How can this be changed?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
B
Bogdan Gerasimenko, 2018-05-18
@nikfcsm

In a style file, for example this vodoleyplay.ru/wp-content/themes/theme49284/style.css, insert the following code:

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none !important;
}

P
Pychev Anatoly, 2018-05-18
@pton

Woocommerce->Settings->Products->Display->Store Columns

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question