Close

Тема Storefront. Как увеличить количество отображаемых товаров в ряду на странице магазина Woocommerce?

Тема Storefront

Как увеличить количество товаров в ряд на странице магазина?

  1. Добавляем в style.css
  2. 
    .site-main ul.products li.product {
        width: calc( ( 100% - ( 30px * ( 5 - 1 ) ) ) / 5 );
        float: left;
        margin-right: 30px;
    }
  3. Добавляем в functions.php
  4. 
    add_filter( 'storefront_loop_columns', 'sf_child_products_per_row' );
    function sf_child_products_per_row() {
        return 5;
    }

Как увеличить общее количество отображаемых товаров на странице магазина?


add_filter( 'storefront_products_per_page', 'sf_child_products_per_page' );
function sf_child_products_per_page() {
    return 18;
}

Поделитесь статьей «Тема Storefront. Как увеличить количество отображаемых товаров в ряду на странице магазина Woocommerce?»

Комментарий

Марат
16.12.2017 в 00:08

Другой вариант использован тут: https://vmody.ru. Тут все донельзя просто: нужно зайти в панель управления WordPress, открыть меню «Настройки», пункт «Чтение» и выставить необходимые вам значения.
Изменяем количество товаров на странице WooCommerce
Сразу всплывает минус – количество отображаемых материалов меняется не только в WooCommerce, но и на всем сайте, и если у вас есть, например, раздел новостей, то и там изменится количество отображаемых материалов.
Поэтому лучше плагин!

Ответить

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Автор: Stas Zygar

Привет! С наступившим новым годом! Всем счастья.