Размеры изображения WooCommerce

Question

Мой сайт был прекрасен до сегодняшнего дня, я заметил, что внезапно размеры изображений продуктов на любой странице магазина внезапно взорвались до массивных размеров. Я не изменил никакого кода, но я предполагаю, что что-то расстроило. Раньше 4 категории сидели бок о бок правильно, теперь это уменьшилось до 2 изображений в два раза больше.

https://www.raymondmayjewellers.com/store/

Может кто-нибудь есть пролистать и посмотреть, что является причиной этого и как я могу идти о коррекции его? Благодаря!

Answer 1

Что-то было изменено на вашем сайте. Для того, чтобы вернуться к 4 категории бок о бок вам понадобятся следующие изменения:

.woocommerce ul.products li.product:nth-child(2n), 
.woocommerce-page ul.products li.product:nth-child(2n) { 
    /* float: right; */ 
    /* clear: none!important; */ 
} 

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { 
    width: 24%; /* was 48% */ 
    float: left; 
    /* clear: both; */ 
    margin: 0 0 2.992em; 
} 

Edit:

Похоже, что удаление стилей не поможет. Попробуйте ниже вместо этого:

.woocommerce ul.products li.product:nth-child(2n), 
.woocommerce-page ul.products li.product:nth-child(2n) { 
    float: left; 
    clear: none!important; 
} 

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { 
    width: 24%; 
    margin: 0 0 2.992em 0.4875em; 
    clear: none; 
} 

Для страницы продукта удалить или комментируйте строки в

.woocommerce #content div.product div.images, 
.woocommerce #content div.product div.images, 
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.images, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.images, 
.woocommerce-page div.product div.summary { 
    /* DELETE ME */ 
}