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

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

.woocommerce-product-gallery {
    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;
}

 

Вам помог ответ?
Похожие вопросы
Что означает ошибка publisher в микроразметке?
+8
Почему не показывается количество просмотров?
+7
Как отделить категории от товаров
+5
Как изменить почту, на которую приходят сообщения с формы обратной связи?
+4
C формы обратной связи не приходят письма
+4
Как включить комментарии на страницах?
+4
Как добавить и настроить телефонные номера?
+32
Как вывести блок автора на странице записи?
+3
Как вывести содержание поста (оглавление)?
+3
Как вывести содержание в начале статьи?
+3
Как на мобильном "Меню в шапке" вывести под "Меню под шапкой"?
+3
Как добавить табу на страницу товара
+3
Как изменить тип миниатюры на странице записи?
+2
Как поменять названия вкладок (табов)
+2
Как в рекламные блоки вставить код php?
+2
Как вставить Instagram запись?
+2
Как перевести конструктор главной
+2
Как убрать поле "Сайт" из формы комментирования?
+17
Миниатюры неправильного размера (растянутые, квадратные, обрезанные и т.д.)
+15
Как изменить поле telephone в микроразметке?
+13