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

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