Настройки пользовательского CSS
Откройте панель администрирования вашего сайта и проследуйте в WooCommerce→ Product Preview→ Custom CSS/JavaScript.
Добавьте этот CSS в поле “User custom CSS style”:
.berocket_preview_content .thumbnails a.zoom
{
display: inline-block;
width: 25%;
}
.berocket_preview_content .images
{
width:25%;
float:left;
}
