Виджет Woo – Products
Ultimate Addons for Elementor предоставляет мощный виджет Woo — Products для демонстрации продуктов WooCommerce на любой странице. Это самый гибкий виджет, который позволяет отображать продукты WooCommerce в виде сетки и карусели.
Виджет Woo — Products от Ultimate Addons for Elementor имеет встроенный построитель запросов , который позволяет фильтровать и отображать точный ассортимент продуктов.
Ниже приведены параметры, доступные с виджетом:
Общие (макет «Сетка» и «Карусель»). На этой вкладке представлены параметры макета «Сетка» и «Карусель». Варианты оформления «Классический» или «Современный» придают макету продукта больше стиля.
Запрос. Эффективный встроенный построитель запросов предоставляет все необходимые параметры фильтров, позволяющие отображать точные продукты.
Контент. Позволяет управлять отображением содержимого продукта, например категории продукта, названия, рейтинга, цены, краткого описания, кнопки «Добавить в корзину».
Sale Flash. Позволяет отображать/скрывать всплывающую подсказку о продаже продукта. При необходимости вы также можете ввести пользовательскую строку Flash.
Избранные Flash. Продукты, отмеченные как избранные, будут отображаться со светящимся пузырьком. Строка по умолчанию будет «Новая». При необходимости вы можете ввести собственный Flash-контент.
Быстрый просмотр. Функция быстрого просмотра отображает сведения о продукте, такие как название, описание, цена и т. д., во всплывающем окне/лайтбоксе. С помощью переключателя можно включить быстрый просмотр продукта.
Примечание.
1. Этот виджет будет виден только в том случае, если на вашем веб-сайте установлен и активирован плагин WooCommerce .
2. Если виджет не отображается в списке виджетов Elementor, проверьте, включен ли он в настройках Ultimate Addons for Elementor.
3. Параметры стиля для каждой функции доступны на вкладке «Стиль» .
Как отображать сопутствующие товары с помощью виджета Woo-Products?
Когда вы разрабатываете шаблон для страницы одного продукта в Elementor Pro, вы можете отображать связанные продукты с помощью виджета Woo-Products.
Сопутствующие товары будут отображаться в зависимости от категории продукта.
Ниже приведены шаги по созданию шаблона одного продукта с помощью Elementor Pro и добавлению виджета Woo-Products для отображения связанных продуктов.
Необходимые плагины — Elementor, Elementor Pro, Ultimate Addons для Elementor.
Шаг 1. На панели инструментов перейдите в Elementor > Мои шаблоны > Один продукт.
Шаг 2. Нажмите «Добавить новый» и укажите имя шаблона.
Шаг 3. Вы можете импортировать готовые блоки из Elementor или использовать виджеты для отображения одного продукта.
Шаг 4. Чтобы отобразить сопутствующие продукты, перетащите виджет Woo-Products.
Шаг 5. В виджете выберите «Запрос» > «Источник» > «Сопутствующие товары».
Шаг 6. Опубликуйте шаблон, выбрав «Условия отображения».
Теперь, когда вы просмотрите страницу одного продукта, вы увидите приведенный выше дизайн шаблона. Сопутствующие товары будут отображаться из соответствующей категории продуктов.
Например , если продукт — Woo Album № 4 имеет категории «Музыка» и «Альбом». Тогда сопутствующие товары будут отображаться в категориях «Музыка» и «Альбомы» на одной странице продукта для Woo Album №4.
Все параметры макета и стиля виджета Woo-Products можно применить и к сопутствующим товарам.
Как отображать сопутствующие товары с помощью виджета Woo-Products?
Опция «Рекомендуемый продукт» позволяет выделить определенные продукты, которые можно легко рекламировать на сайте. Для избранного продукта можно установить всплывающее окно с помощью Ultimate Addons for Elementor Woo Products Widget .
Продукт можно установить как рекомендуемый тремя способами:
1.Все параметры макета и стиля виджета Woo-Products можно применить и к сопутствующим товарам.
2. В бэкэнде WordPress перейдите в раздел « Продукты» > «Все продукты» и выберите «Быстрое редактирование продукта». Установите флажок для избранного.
3. В бэкэнде WordPress перейдите в раздел «Продукты» > «Все продукты» и отредактируйте продукт. На правой боковой панели найдите параметр «Видимость каталога» и отредактируйте его. Установите флажок « Это рекомендуемый продукт».
Как настроить макет сетки и карусели для продуктов WooCommerce?
Вкладка «Общие» в виджете Woo — Products позволяет вам выбрать макет и обложку для ваших продуктов WooCommerce.
Ниже представлены доступные варианты
Кожа
Выберите для продукта классический или современный стиль. Оба будут отображать кнопку «Добавить в корзину», «Продажа Flash» и опцию «Быстрый просмотр» в разных местах.
Layout
Query Builder позволит вам выбирать продукты для отображения. А благодаря варианту планировки их можно хорошо расположить.
Сетка
В этом макете продукты будут отображаться в структуре «строки и столбцы».
Продукты WooCommerce будут отображаться в макете сетки.
Дополнительные параметры, такие как количество столбцов и количество продуктов на странице, будут доступны в разделе « Параметры сетки».
В зависимости от параметров сетки вы можете установить стиль нумерации страниц на вкладке «Разбивка на страницы» . Вы можете установить тип нумерации страниц и выравнивание.
Карусель
В этом макете продукты будут отображаться в виде слайдера.
Дополнительные параметры будут доступны в разделе «Параметры слайдера» .
Для навигации выберите стрелки и/или точки. Дополнительные параметры стиля навигации доступны на вкладке «Стиль» .
Выберите «Общее количество продуктов», «Продукты для отображения на слайде», «Продукты для прокрутки за раз».
Выберите слайд для автовоспроизведения и активации бесконечного цикла.
Управляйте скоростью перехода.
Как включить быстрый просмотр продуктов WooCommerce?
Опция быстрого просмотра в виджете Woo — Products отображает подробную информацию о продукте во всплывающем окне. Это позволяет пользователям более подробно рассмотреть продукт и его детали, не переходя на новую страницу.
Этот параметр можно включить или отключить в настройках виджета Woo — Товары. Вы можете выбрать отображение быстрого просмотра при нажатии кнопки или изображения.
Когда вы включите быстрый просмотр изображения, при щелчке по нему будет отображаться всплывающее окно.
Когда вы включаете быстрый просмотр кнопки, к изображению продукта добавляется значок быстрого просмотра и при нажатии на нее отображается всплывающее окно. Ниже приведен пример опции кнопки.
Дополнительные параметры настройки доступны на вкладке «Стиль» -> раздел «Быстрый просмотр».
Как исключить продукты WooCommerce с помощью виджета Woo-Products?
Много раз вам хотелось бы отобразить все продукты. Но в то же время вы можете исключить некоторые конкретные продукты. Сделать это можно с помощью Woo — Виджета товаров .
Построитель запросов виджета Woo — Products позволяет вам отображать все продукты или фильтровать их в соответствии с вашими требованиями. Вы можете исключить определенные продукты из определенного списка, используя параметры, перечисленные на вкладке «Запрос» .
Ниже приведены доступные варианты:
Исключить продукт
Начните вводить название продукта и выберите его вручную, чтобы исключить из списка продуктов.
Например: если доступны продукты X, Y и Z. При выборе опции «Все продукты» будут отображаться продукты X, Y, Z. Но если вы хотите исключить продукт Y, введите Y в текстовое поле.
Он исключит продукт Y из списка и отобразит только X и Z.
Исключить текущий продукт
Если вы хотите исключить отображаемый в данный момент продукт из всего списка продуктов, чтобы избежать дублирования, используйте эту опцию. Установите переключатель, чтобы исключить текущий продукт.
Например: если доступны продукты X, Y, Z и они относятся к одной категории A. Если продукты из категории A настроены для отображения на всех страницах одного продукта. Тогда при просмотре продукта X все продукты, включая X, будут отображаться внизу страницы. Чтобы избежать дублирования отображения X, выберите «Исключить текущий продукт», чтобы на странице продукта X отображались только Y и Z. Аналогично, Y будет исключен из отдельной страницы продукта, а X, Z будут отображаться.
Как отобразить точный продукт WooCommerce с помощью Query Builder?
Многие пользователи хотели бы фильтровать и демонстрировать продукты WooCommerce на своем веб-сайте. Виджет Woo — Products предоставляет встроенный построитель запросов, который позволяет вам либо отображать все продукты, либо фильтровать их, применяя специальный запрос, либо даже выбирать каждый продукт вручную.
Ниже приведены варианты выбора продукта:
Основные параметры Выберите источник продукта из следующих вариантов:
1. Все продукты
При выборе этой опции будут отображены все опубликованные продукты.
Много раз вам хотелось бы отобразить все продукты. Но в то же время вы можете исключить некоторые конкретные продукты.
Используйте следующие параметры, чтобы исключить определенные продукты:
Исключить продукт
Начните вводить название продукта и выберите его вручную, чтобы исключить из всего списка продуктов.
Например: если доступны продукты X, Y и Z. При выборе опции «Все продукты» будут отображаться продукты X, Y, Z. Но если вы хотите исключить продукт Y, введите Y в текстовое поле. Он исключит продукт Y из списка и отобразит только X и Z.
Исключить текущий продукт
Если вы хотите исключить отображаемый в данный момент продукт из всего списка продуктов, чтобы избежать дублирования, используйте эту опцию. Установите переключатель, чтобы исключить текущий продукт.
Например: если доступны продукты X, Y, Z и они относятся к одной категории A. Если продукты из категории A настроены для отображения на всех страницах одного продукта. Тогда при просмотре продукта X все продукты, включая X, будут отображаться внизу страницы. Чтобы избежать дублирования X, выберите «Исключить текущий продукт». Так что на странице продукта X будут отображаться только Y и Z. Аналогично, Y будет исключен из отдельной страницы продукта, а X, Z отобразятся.
2. Пользовательский запрос
Эта опция позволяет фильтровать товары в зависимости от присвоенной категории и тега. Выберите категорию и/или тег для отображения или исключения.
Правило фильтра категории
Решите, хотите ли вы, чтобы выбранная категория отображалась («Сопоставить категории») или была исключена («Исключить категории») из списка.
Если вы выберете «Сопоставить категории» , то будут отображаться только товары из выбранных категорий.
Если вы выберете «Исключить категории» , то продукты из выбранных категорий будут исключены и будут отображены все продукты из остальных категорий.
После выбора правила фильтрации категорий начните вводить название категории, которую необходимо выбрать для вышеуказанного действия.
Правило фильтра тегов
Выберите, должен ли выбранный тег отображаться («Сопоставить теги») или быть исключен («Исключить теги») из списка.
Если вы выберете «Сопоставить теги» , то будут отображаться только продукты из выбранного тега.
Если вы выберете « Исключить теги» , то продукты из выбранного тега будут исключены и будут отображены продукты из всех остальных тегов.
После выбора правила фильтрации тегов начните вводить имя тега, который необходимо выбрать для вышеуказанного действия.
Компенсировать
Это ряд продуктов, которые следует исключить из приведенной выше категории ИЛИ списка тегов.
Например: если для конкретной категории назначено 10 продуктов и если для смещения установлено значение 2, то первые 2 продукта будут исключены из списка и будут отображаться только 8 продуктов.
Часто вам нужно отобразить все продукты из определенной категории или тега. Но в то же время вы можете исключить некоторые конкретные продукты.
Используйте следующие параметры, чтобы исключить продукты:
Исключить продукт
Начните вводить название продукта вручную, чтобы исключить его из списка продуктов категории/тега.
Например, продукты X, Y, Z относятся к категории A. Если для категории A установлено отображение, то будут отображаться все продукты, т. е. X, Y, Z. Но если вы хотите исключить продукт Y, введите Y в текстовое поле. Он исключит продукт Y из списка и отобразит только X и Z.
Исключить текущий продукт
Если вы хотите исключить отображаемый в данный момент продукт из списка продуктов категории/тега, чтобы избежать дублирования отображения, используйте эту опцию. Установите переключатель, чтобы исключить текущий продукт.
Например, продукты X, Y, Z отнесены к категории A. Если продукты из категории A настроены для отображения на всех страницах одного продукта. Тогда при просмотре продукта X все продукты, включая X, будут отображаться внизу страницы. Чтобы избежать дублирования X, выберите «Исключить текущий продукт». Так что на странице продукта X будут отображаться только Y и Z. Аналогично, Y будет исключен из отдельной страницы продукта, а X, Z отобразятся.
3. Выбор вручную
Эта опция обеспечивает полную гибкость при выборе конкретных продуктов. Начните вводить название продукта, который необходимо отобразить, и выберите его, когда он появится. Таким образом вы можете выбрать несколько товаров.
Например: доступные продукты: U, V, W, X, Y, Z. Если вы хотите отображать только V, X, Z, просто введите V, затем X, а затем Z в текстовом поле.
Дополнительные параметры
Эти параметры позволяют уточнить отфильтрованный выше список.
Сортировать по
Рекомендуемые — при выборе этой опции будут отображаться продукты WooCommerece из приведенного выше списка, которые отмечены как избранные.
Продажа — при выборе этой опции будут отображаться продукты WooCommerece из приведенного выше списка, выставленные на продажу.
Упорядочить по
Выберите вариант в раскрывающемся меню, чтобы упорядочить продукты и порядок их отображения.
Комментарии
Найдите свой шаблон для сайта среди 300+ вариантов
Все шаблонные сайты
Один ответ на “Виджет Woo – Products”
Спасибо за просмотр! Оставляйте свои комментарии и вопросы!