Меню

Woocommerce настройка количества отображаемых товаров



WooCommerce: основные настройки и настройки товаров

Дата публикации: 2017-09-26

От автора: WooCommerce – один из популярнейших E-Commerce аддонов для WordPress. На момент написания статьи его скачали не менее 3,6 миллионов раз. Базовый плагин WooCommerce бесплатный, но его можно усилить с помощью премиум аддонов. Тем не менее, для многих онлайн магазинов хватит и бесплатного плагина. В этой серии уроков я покажу, как происходит Woocommerce настройка товаров, а также добавление физических и виртуальных товаров. В первой части вы установите плагин и поработаете с основными настройками, настройками товаров и налогов.

Что вам потребуется

Для выполнения урока вам потребуется рабочая установка WordPress с доступом к панели администратора, чтобы иметь возможность устанавливать и администрировать плагины.

Установка WooCommerce

Сперва необходимо установить плагин. Самый простой способ – через экран plugins в панели администратора WordPress. Также вы можете просто скачать файлы плагина из репозитория плагинов WordPress.

На странице плагина в репозитории приводится детальная информация о возможностях WooCommerce:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

После установки WooCommerce и его активации на экране plugins необходимо выполнить еще один шаг по активации. Необходимо установить страницы магазина, которые создаются в WooCommerce. После активации вы увидите следующее сообщение:

Будет добавлен ряд страниц на сайт, которые WooCommerce будет использовать для управления магазином. Среди них будут страницы shop, cart и т.д. Щелкните на кнопку Install WooCommerce Pages. После установки вам перенаправит на экран приветствия:

Вы заметите, что слева в меню появилось 2 новых пункта: WooCommerce и Products. В этом уроке вы будете работать со страницами в меню WooCommerce. WooCommerce установлен и готов!

Добавление страниц WooCommerce в меню

Прежде чем погружаться в настройки WooCommerce я хочу проверить, что мои страницы shop и т.д. присутствуют в главном меню сайта.

Откройте экран Appearance->Menus в панели администратора и добавьте новые страницы WooCommerce страницы в меню. Вы сами решаете, что добавлять, а что нет. Я выбрал shop, checkout, cart и my account, а также ссылку на домашнюю страницу:

Можете посмотреть все изменения на моем сайте. Теперь на нем появилась пустая страница shop, на которую можно перейти из основного меню:

Настройка параметров WooCommerce

Перед добавлением товаров в магазин необходимо настроить WooCommerce. В WooCommerce масса настроек: в этом уроке я продемонстрирую основные настройки, настройки товаров и налогов. В следующем уроке я расскажу про настройки корзины, доставки, профиля и email.

Основные настройки

Начнем с экрана general. WooCommerce->Settings вкладка general.

На этой вкладке я добавил расположение магазина и место продажи UK, где я живу. Вы можете добавить свое расположение. Можете выбрать страницы для продажи или же торговать по всему миру. Также я добавил торговую валюту. Вы можете выбрать свою валюту. Кликните save changes на экране настроек.

Настройки товаров – варианты товаров

Следующая вкладка products, с помощью которой настраиваются страницы товаров.

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

Читайте также:  Банк авангард настройка банк клиента

Product Archive / Shop Page – главная страница магазина: по умолчанию это shop, автоматически созданная WooCommerce, и на ней отображаются ваши товары. Можете использовать другую страницу, но ее еще нужно создать.

Выпадающий список Shop Page Display содержит варианты отображения товаров, категорий товаров или и того и другого. Я выбрал «показывать все», так мои посетители будут видеть больше.

В выпадающем списке Default Category Display выберите, что вы хотите: отображать на страницах категорий товары, подкатегории или оба варианта. Я выбрал отображать товары. Я не буду задействовать подкатегории.

Default Product Sorting – выберите режим отображения товаров. Я оставил вариант по умолчанию пока что, однако после добавления товаров на последнюю страницу, могу передумать. Среди других опций: по популярности, рейтинг, сначала новые, по цене. Пользователи могут самостоятельно выбрать порядок сортировки.

Опции add to cart позволяют задействовать AJAX, а также задать редирект на страницу корзины при добавлении в нее товара. Я хочу, чтобы мои пользователи сначала пошопились и уже потом переходили в корзину, поэтому оставил вариант по умолчанию.

Секция product data отвечает за рейтинг и отзывы на товары. Я оставил по умолчанию.

Ниже представлен экран настроек для изображений товаров:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Здесь можно задать размер изображения товара на странице одного товара, а также размеры превью на экранах со списком товаров. WordPress сохранит физические изображения под выбранные размеры, поэтому перед загрузкой изображений на этой странице необходимо внести все требующиеся изменения.

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

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

Кликните save changes на странице настроек товаров.

Настройки товаров – инвентаризация

В настройках товаров есть экран Inventory Options, на который можно перейти, кликнув на ссылку в верхней части экрана настроек товаров:

Если у вас будет штучный товар на сайте, здесь вы можете изменить настройки. То есть WooCommerce может управлять остатками товаров и уведомлять вас по email, если они подходят к концу. Также можно прятать товары, если они закончились, или показывать их с сообщением, что они закончились.

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

Внесите изменения и кликните save changes.

Налоговые настройки

На следующей вкладке tax можно задать скидки и налоги на доставку. В этом разделе несколько экранов, и все они относятся к разным налоговым ставкам. Начнем с экрана tax options:

Здесь есть ряд опций. Не буду разбирать все, так как некоторые и так понятны. Остановлюсь на некоторых:

Prices entered with tax: выберите, будете ли вы включать налог или нет. Если вы продаете странам с другими налоговыми ставками, вам необходимо нужно формировать цену отдельно от налога, WooCommerce сам вычислит налог. Если вы продаете внутри одной налоговой зоны, а покупатели не смогут вернуть налог с продаж, возможно, будет проще показывать цену уже с налогом.

Читайте также:  Показать то что скрыто в контакте в настройках

Calculate Tax Based On: здесь вы можете указать способ формирования налога: по вашему адресу, физическому или адресу доставки покупателя. Вариант зависит от системы налогообложения, с которой вы работаете.

Shipping Tax Class: если вы применяете к товарам налог на доставку, вам нужно определиться с тем, как он будет рассчитываться. Его можно привязать к товарам, выбрать плоскую шкалу или вообще 0. Можно также создать новый класс доставки (что можно сделать в поле Additional Tax Classes).

Additional Tax Classes: с помощью этого поля можно добавить дополнительные налоговые классы, если стандартных в WooCommerce недостаточно. WooCommerce создаст экран настроек для каждого добавленного класса.

Display tax totals: здесь можно указать, отображать налог для каждого товара отдельно или общий.

После внесения изменений кликните save changes.

Налоговые настройки – фиксированная ставка

Помимо общих настроек налогов есть отдельные экраны для каждого налогового класса в магазине. Я буду использовать фиксированную ставку налогообложения, давайте посмотрим на экран:

На этом экране вы добавляете страны, в которые будете продавать товар. WooCommerce вычислит налог на все выбранные страны. Кликните на ссылку на экране, чтобы получить код страны и вставить его в поле Country Code. Я продаю только в UK, поэтому добавил код GB.

Введите процент налога на страну в поле Rate %: в UK налог на добавленную стоимость (НДС) составляет 20%, что я и укажу. В поле shipping отметьте чекбокс, если этот процент должен применяться к доставке. После добавления всех кодов и ставок кликните save changes.

Налоговые настройки – нулевая ставка

Некоторые мои товары будут иметь нулевую налоговую ставку. Для этого на экране Zero Rate Rates необходимо вставить код моей страны со значением 0% в поле Rate%:

Если у вас есть дополнительные налоги, например, налог на доставку для различных типов товаров, их необходимо добавить как классы в поле Additional Tax Classes на экране Tax Options. После добавьте коды стран и ставки для каждого дополнительного налога.

Заключение

Я установила WooCommerce на свой сайт, настроила основные параметры и добавила настройки для товаров и налогов. В следующем уроке я покажу остальные экраны настроек: корзина, доставка, профили и email.

Автор: Rachel McCollin

Редакция: Команда webformyself.

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Источник

Как задать количество товаров на странице Магазин и в категориях

Вообще есть два способа это сделать – через кастомайзер и через фильтр-хук.

Но прежде чем я к ним перейду, хочу порекомендовать свой видеокурс по WooCommerce, в котором мы создаём тему для магазина с нуля на основе готового HTML и CSS.

Читайте также:  Gnome настройка переключения клавиатуры

Способ 1. В настройках

Так как узнать количество товаров на странице? Умножить Товаров в строке × Строк на странице, в данном случае получается 12.

Способ 2. Через код

Тут мы будем использовать фильтр-хук loop_shop_per_page .

Обратите внимание, что настройка «Строк на странице» исчезнет, если вы задействуете этот хук в своём плагине или теме!

Если не знаете, куда отправлять код – в functions.php текущей или (лучше) дочерней темы.

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Комментарии — 3

Михаил, добрый день!
Я использую тему «blossom-fashion».
Жестко прописано отображение товаров в мобильной версии в два столбца при просмотре магазина.
На компьютере отображается четыре столбца (эти настройки я нашел).
Скажите пожалуйста, как можно изменить настройки, чтобы на компьютере так и осталось 4-е столбца, а на телефоне отображались товары в один столбец?
С уважением, Александр

Добрый день, Александр,

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

Источник

Как изменить количество товаров на странице WooCommerce

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

Как изменить количество товаров на странице интернет магазина WooCommerce

Для того, чтобы установить необходимое вам количество товаров на странице нужно:

1. Открываем файл с functions.php в папке вашей темы с помощью текстового редактора, к примеру в Notepad++.

2. Вставляем код в самом низу файла functions.php, перед закрывающимся тегом ?>.

3. Вот и все. Теперь на каждой странице магазина будет отображаться по 24 товара. Согласитесь, не так и сложно 😉

Для того, чтобы изменить количество отображаемых товаров нужно заменить число в строчке ‘return 24;’. Таким образом, вы без всяких плагинов можете в любое время изменить количество отображаемых товаров, изменяя всего лишь числовое значение.

Вот несколько примеров, чтобы вы лучше поняли работу данного сниппета:

Отображение 12 товаров на странице:

Отображение 30 товаров на странице:

Отображает 1 товар на странице 🙂 :

Друзья, если у вас возникли трудности при изменении количества товаров, или появились вопросы — задавайте их в комментариях.

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Не поленитесь проголосовать и оставить комментарий. Таким образом я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Источник

Adblock
detector