Добавьте код в файл functions.php дочерней темы или используйте плагин для добавления пользовательских функций, например Code Snippets. Не добавляйте код напрямую в файл родительской темы — при обновлении он будет перезаписан.
Этот код управляет тем, где в архиве товаров применяются классы first и last.
Обратите внимание: некоторые сторонние темы могут быть реализованы так, что приведённые сниппеты не влияют на внешний вид. В этом случае обратитесь к разработчику темы.
Пользовательская тема
Если вы разрабатываете тему, можно сделать эту функцию переопределяемой. Тогда другие разработчики смогут изменять её поведение.
/**
* Переопределение количества товаров в строке (по умолчанию 3)
*/
add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // 3 товара в строке
}
}Тема от Woo
Если вы используете тему Woo, эта функция уже может быть встроена в тему. В таком случае её нужно переопределить в functions.php (лучше в дочерней теме).
/**
* Переопределение количества товаров в строке для темы Woo
*/
function loop_columns() {
return 5; // 5 товаров в строке
}
add_filter('loop_shop_columns', 'loop_columns', 999);Блоки WooCommerce
В WooCommerce есть блоки для отображения товаров через редактор блоков. Например, в блоке «Коллекция товаров» можно настроить количество колонок (товаров в строке) с помощью ползунка или вручную.
Подробнее см. в документации WooCommerce по редактированию магазина.
Шорткод
Можно использовать шорткоды WooCommerce на странице архива:
[recent_products per_page="12" columns="5"] — отображает товары в 5 колонок.
Плагин
Также можно использовать плагин WooCommerce Product Archive Customizer, который позволяет менять количество товаров в строке и другие параметры отображения.