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

В 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;
}

 

Вам помог ответ?
Похожие вопросы
Как в содержании исключить ненужные заголовки?
+8
Почему не показывается количество просмотров?
+6
Что означает ошибка publisher в микроразметке?
+6
Как вывести рекламу на страницах?
+4
Как добавить и настроить телефонные номера?
+24
Как вывести содержание поста (оглавление)?
+2
Как вывести содержание в начале статьи?
+2
Как изменить поле telephone в микроразметке?
+13
Миниатюры неправильного размера (растянутые, квадратные, обрезанные и т.д.)
+13
Как убрать поле "Сайт" из формы комментирования?
+12
Как убрать поле "Email" из формы комментирования?
+100
Как изменить количество записей на главной и в рубриках блога
+10
Как изменить почту, на которую приходят сообщения с формы обратной связи?
+1
Как изменить текст после отправки сообщения с помощью формы обратной связи?
+1
Как изменить поле address в микроразметке?
+1
Как изменить тип миниатюры на странице записи?
+1
Как скрыть дату/время в комментариях?
+1
Как добавить код статистики/счетчика?
+1
Как поменять названия вкладок (табов)
+1
Как в хлебных крошках заменить название Главная?
+1