Пользовательский цикл продуктов WooCommerce — это отличный способ продемонстрировать ваши последние продукты или прорекламировать конкретные продукты на вашем сайте. Создавая пользовательский цикл продуктов, вы можете контролировать, какие именно продукты будут показаны, и как они отображаются.
Как сделать пользовательский контур продукта WooCommerce?
В этом руководстве мы покажем вам, как создать пользовательский цикл продукта WooCommerce, и стиль его с помощью HTML и CSS. Мы также дадим несколько советов о том, как сделать ваш цикл продуктов более эффективным.
Шаг 1: Выберите продукты.
Первым шагом в создании пользовательского цикла продуктов WooCommerce является выбор продуктов, которые вы хотите отобразить. Вы можете либо выбрать конкретные продукты, либо позволить WooCommerce выбрать их за вас.
Чтобы выбрать конкретные продукты, перейдите на страницу Продукты в области администратора WordPress. Здесь вы можете выбрать продукты, которые хотите включить в цикл, или найти их по названию или SKU. После того как вы нашли продукты, которые хотите включить, поставьте галочки напротив их названий и нажмите кнопку Добавить в цикл.
Если вы хотите, чтобы WooCommerce выбрал продукты за вас, перейдите на страницу Настройки цикла и выберите категории продуктов или теги продуктов, которые вы хотите включить в цикл. Вы также можете указать, сколько товаров должно быть показано, а также должны ли быть включены товары-объекты.
Шаг 2: Выберите макет.
После того как вы выбрали продукты, которые вы хотите включить в цикл, пришло время выбрать макет. WooCommerce предоставляет четыре варианта макета для циклов продуктов: _(1) стандартный; (2) карусель; (3) каменная кладка; и (4) список.
Каждый вариант имеет свои преимущества и недостатки, поэтому важно выбрать тот, который лучше всего соответствует вашим потребностям. Если вы не уверены, какой макет выбрать, мы рекомендуем начать со стандартного макета.
Чтобы выбрать макет, перейдите на страницу настроек контура и выберите (1) стандартный; (2) карусель; (3) кладка; или (4) список. Если вы не уверены, какой макет выбрать, мы рекомендуем начать со стандартного макета.
После того как вы выбрали макет, пора переходить к шагу 3.
(1): Стандартный макет
Стандартный макет — это вариант по умолчанию для контуров товаров. Он отображает ваши товары в традиционном формате сетки.
Стандартный макет — это хороший выбор, если вы хотите, чтобы все ваши товары были видны сразу и не загромождали страницу. Это также хороший выбор, если вы продаете простые товары, не требующие большого количества описаний.
Если вы выберете стандартный макет, мы рекомендуем использовать две или три колонки, чтобы ваша страница не была слишком перегружена.
(2): Карусельный макет
Карусельный макет отображает ваши товары в формате слайд-шоу. Одновременно виден только один продукт, а пользователи могут прокручивать остальные продукты с помощью стрелок или точек.
Карусельный макет — это хороший выбор, если вы хотите привлечь внимание к конкретным товарам. Это также хороший выбор, если у вас много товаров и вы хотите дать пользователям возможность прокручивать их.
Если вы выбрали карусельный макет, мы рекомендуем использовать две или три колонки, чтобы пользователи могли видеть сразу несколько товаров.
(3): Кладочный макет
В макете «каменная кладка» ваши товары отображаются в формате сетки, но с изображениями разного размера. Это создает асимметричный вид, который может быть визуально интересным.
Кладочный макет — это хороший выбор, если вы хотите, чтобы изображения ваших товаров были на видном месте. Это также хороший выбор, если у вас много изображений разного размера (например, если некоторые из ваших продуктов имеют несколько изображений).
Если вы выберете кладку, мы рекомендуем использовать три колонки, чтобы между изображениями оставалось достаточно места.
(4)
: Макет списка
Макет списка отображает изображения и описания товаров в виде вертикального списка.
Макет списка — хороший выбор, если вы хотите, чтобы пользователи могли читать подробные описания каждого продукта. Это также хороший выбор, если большинство ваших описаний товаров длиннее одного предложения.
.
Если вы выбрали макет списка, мы рекомендуем использовать одну колонку, чтобы пользователи могли видеть всю информацию о каждом продукте без необходимости прокручивать страницу вниз.