Как исправить галерею товара

В woocomemrce используется максимально простой вывод галереи, это хорошо, если изображений не много. Если же их больше 4-5 штук, то можно поменять вывод галереи. Простой способ – css стилями, который можно добавить во Внешний вид – Настроить – Дополнительные стили

.woocommerce-product-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.woocommerce-product-gallery .flex-control-nav {
    max-width: inherit;
}
.woocommerce-product-gallery .flex-control-thumbs li {
    display: block;
    float: left;
    max-width: 50px;
    margin: 5px 0 5px 0;
}
.woocommerce-product-gallery .flex-control-thumbs li:not(:last-child) {
    margin-right: 5px;
}

 

Вам помог ответ?
Похожие вопросы
Как на мобильном "Меню в шапке" вывести под "Меню под шапкой"?
+8
Как изменить адрес страницы, с которой было отправлено сообщение?
+5
Как вывести содержание поста (оглавление)?
+4
Как включить комментарии на страницах?
+4
Как добавить и настроить телефонные номера?
+39
Как добавить код статистики/счетчика?
+3
Как вывести блок автора на странице записи?
+3
Как в рекламные блоки вставить код php?
+3
Как добавить табу на страницу товара
+3
Как в встроенную форму обратной связи добавить защиту от спама?
+27
Как выровнять меню под шапкой по центру?
+22
Как изменить тип миниатюры на странице записи?
+2
Как поменять названия вкладок (табов)
+2
Как удалить лишние поля из адреса в форме оформления заказа
+2
Как добавить раздел блога в Bono
+2
Как вставить Instagram запись?
+2
Как добавить рандомное количество просмотров?
+2
Как перевести конструктор главной
+2
Как вывести соц. кнопки шаринга на странице записи?
+2
Как вывести рейтинг на странице записи?
+2