Продукты в WooCommerce слишком близко друг к другу

Question

Я использую WooCommerce с темой Virtue.Последние несколько месяцев я использовал перевод Polylang и только недавно обновил до WPLM.Я не знаю, чем это вызвано, но продукты внезапно стали слишком близко друг к другу, и они даже перекрывают номера страниц в нижней части страницы.Я посмотрел на Продукты слишком близки в wooCommerce с темой WordPress 2013 , но это мне не помогло.

Кто-нибудь знает, как решить проблему?

введите описание изображения здесь

Answer 1

Трудно найти причину вашей проблемы, не глядя на ваши коды.Но продукты WooCommerce обычно перечислены с использованием класса "li.product".Добавление следующего кода в таблицу стилей поможет вам настроить поля ваших продуктов.

li.product {
    margin-right: 2em;
}

Если это не сработает, попробуйте следующее:

li.product {
    margin-right: 2em!iimportant;
}

Дайте мне знать, если это поможет.

Answer 2

Вы можете изменить количество или количество продуктов в строке на 3. используйте этот код

add_filter('loop_shop_columns', 'loop_columns'); if (!function_exists('loop_columns')) {
function loop_columns() {
    return 3; // 3 products per row
} }

Я думаю, что это будет работать для вас