Изменяем количество колонок на странице магазина Woocommerce
19 декабря, 2017
Одним из самых лучших бесплатных плагинов для создания Интернет Магазина для WordPress считается — Woocommerce. Большинство настроек понятны и легко реализуемы, но вот к примеру количество колонок на странице магазин просто так не поменять, приходится прибегать к стороннему плагину, называется он , устанавливается как и любой другой плагин, из репозитория WordPress. После установки, что бы поменять число колонок магазина на Woocommerce делаем как на скриншоте. Этот один из многих плагинов для кастумизации интернет магазина под себя, но если есть знания и опыт, то лучше настраивать без плагинов, так надежнее.
После того как выставите нужное число колонок, не забудьте очистить кэш сайта, в противном случае, можете не увидеть изменений.
Меняем количество колонок без плагина.
Можно обойтись без плагина, для этого в файл function.php дочерней темы, нужно вставить следующий код.
1 2 3 | add_filter('loop_shop_columns',function($col){ return 3 ; }); |
Где цифра 3. после оператора return, это количество желаемых колонок на странице магазина.
Если не получилось, попробуйте вот такой код, он должен помочь, этот код предлагает сама техподдержка плагина Woocommerce, этот код они рекомендуют добавлять в файл function.php дочерней темы вашего сайта.
1 2 3 4 5 6 7 | // Change number or products per row to 3 add_filter('loop_shop_columns', 'loop_columns'); if (!function_exists('loop_columns')) { function loop_columns() { return 3; // 3 products per row } } |
Проверяем мобильную версию сайта
После изменения количества колонок, в мобильном отображении сайта, могут появиться проблемы, товары выстраиваются в на 1/3 страницы, в левой ее части, поэтому внося подобные изменения, всегда проверяйте как выглядит мобильная версия сайта.
Для проверки отображения своего сайта на мобильном, вы можете просто использовать свой телефон, это наилучший вариант, а если «не охото», то тогда , мой блог адаптирован для просмотра с мобильного.
