Изменяем количество колонок на странице магазина Woocommerce

настройка woocommerce

Одним из самых лучших бесплатных плагинов для создания Интернет Магазина для WordPress считается — Woocommerce. Большинство настроек понятны и легко реализуемы, но вот к примеру количество колонок на странице магазин просто так не поменять, приходится прибегать к стороннему плагину, называется он Saphali Woocommerce, устанавливается как и любой другой плагин, из репозитория WordPress. После установки, что бы поменять число колонок магазина на Woocommerce делаем как на скриншоте. Этот один из многих плагинов для кастумизации интернет магазина под себя, но если есть знания и опыт, то лучше настраивать без плагинов, так надежнее.

Изменяем количество колонок на странице магазина Woocommerce

После того как выставите нужное число колонок, не забудьте очистить кэш сайта, в противном случае, можете не увидеть изменений.

Меняем количество колонок без плагина.

Можно обойтись без плагина, для этого в файл function.php дочерней темы, нужно вставить следующий код.

Где цифра 3. после оператора return, это количество желаемых колонок на странице магазина.

Если не получилось, попробуйте вот такой код, он должен помочь, этот код предлагает сама техподдержка плагина Woocommerce, этот код они рекомендуют добавлять в файл function.php дочерней темы вашего сайта.

Проверяем мобильную версию сайта

После изменения количества колонок, в мобильном отображении сайта, могут появиться проблемы, товары выстраиваются в на 1/3 страницы, в левой ее части, поэтому внося подобные изменения, всегда проверяйте как выглядит мобильная версия сайта.

Для успешного продвижения сайта, мобильная версия сайта, очень важна, поисковые системы делают ставку на те сайты, которые поддерживают экраны мобильных телефонов.

Для проверки отображения своего сайта на мобильном, вы можете просто использовать свой телефон, это наилучший вариант, а если «не охото», то тогда сервис Google, мой блог адаптирован для просмотра с мобильного.

Изменяем количество колонок на странице магазина Woocommerce

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

Ваш e-mail не будет опубликован.

17 + 1 =