Скидка 50% до 1 января 2025

Виджет

Woo-Categories

Вы ищете простой способ отображать категории WooCommerce в любом месте вашего интернет-магазина? Вы можете сделать это с помощью Ultimate Addons для Elementor .


В Ultimate Addons for Elementor есть виджет «Woo-Categories», который позволяет отображать выбранные категории продуктов на любой странице или в публикации.


Примечание:

Этот виджет будет виден только в том случае, если на вашем сайте установлен и активирован плагин WooCommerce. Если этот параметр установлен, а виджет по-прежнему не отображается, проверьте, включен ли виджет в настройках Ultimate Addons for Elementor.


Слайдер или сетка

Вы можете добавить свои категории WooCommerce в виде сетки или слайдера. Вы можете сделать это, щелкнув виджет Woo-Categories и перейдя в «Содержимое» > «Глобальные» > «Макет». Затем в раскрывающемся меню выберите «Сетка», чтобы отображать категории в виде сетки, или «Карусель», чтобы вместо этого использовать ползунок.


Настройки ползунка

Когда вы выберете макет «Карусель», вы увидите панель «Параметры слайдера». Здесь вы найдете все доступные варианты настройки слайдера категории продукта.

Навигация

Вы можете начать с настройки навигации . Вы можете установить как стрелки, так и точки, только стрелки или точки или «Нет».


Категории – для отображения, для прокрутки и итогов.

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


Далее вам нужно установить опцию «Категории для отображения» . Это количество категорий, которые должны отображаться для пользователей из общего количества категорий. Таким образом, это число должно быть меньше общего количества категорий.


Кроме того, параметр «Категории для прокрутки» определяет количество категорий, которые будут меняться при каждой прокрутке. Другими словами, если вы установите значение «1», при каждой прокрутке ваш ползунок будет перемещаться на одну категорию дальше.


Варианты игры

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


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


Параметры сетки

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


Столбцы и количество категорий

Если вы решите отобразить категории продуктов в виде сетки, они будут отсортированы по столбцам и строкам. Всего вы можете установить количество « Столбцов » от одного до шести. Категории товаров будут автоматически распределены по строкам. Таким образом, чтобы контролировать количество строк, вам необходимо установить « Количество категорий ».


Например, предположим, что вы установили столбцы на «3», а количество категорий — на «6». Соответственно, это создаст сетку с двумя строками и тремя столбцами:

Настроить категорию

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


Скрыть категорию Количество товаров

Вы устанавливаете количество продуктов, количество продуктов в каждой категории, которые будут скрыты.

Отображение названия и количества продуктов под изображением

По умолчанию заголовок и количество продуктов отображаются над изображением категории в WooCommerce. Но вы можете изменить положение заголовка и количества продуктов под изображением, используя опцию «Положение заголовка/счета» .

Отображение названия категории и количества продуктов в строке

Затем вы можете установить для стиля заголовка/счета значение «Встроенный». Таким образом, название категории будет отображаться вместе с количеством продуктов в виде встроенного текста.

Фильтры

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


Правило фильтра категории

Выберите правило фильтрации из выпадающего меню:


  • Показать все: это опция по умолчанию. Он отобразит все доступные категории товаров;
  • Только верхний уровень: это правило будет отображать только родительские категории;
  • Соответствовать этим категориям: выберите это правило, чтобы выбрать именно те категории, которые вы хотите отображать. Вы можете добавить одну или несколько категорий;
  • Исключить эти категории. Аналогичным образом вы можете использовать это правило, чтобы исключить одну или несколько категорий.

Категория дисплея Описание

Включение отображения описания категории приведет к отображению описания категории .


Вы можете добавить описание категории, перейдя в «Панель управления» > «Продукты» > «Категории». Здесь выберите категорию и нажмите «Изменить». Добавьте свое описание в поле «Описание».


Категория дисплея Описание

Включение «Отображать пустые категории» также будет отображать категории, которые не назначены ни одному товару.


Заказ

Порядок по позволяет установить порядок категорий в соответствии с:


  • Имя
  • Слизень
  • Описание
  • Количество (назначенное количество продуктов)
  • Порядок меню.

Вы также можете выбрать порядок «По убыванию» или «По возрастанию».


Стиль

Параметры стиля для каждой функции доступны на вкладке «Стиль» .


Макет

На панели «Макет» вы можете установить промежуток между столбцами и строками.

Категория Содержание

Кроме того, вы можете стилизовать свой контент. Установите выравнивание, цвета, отступы и типографику


Кроме того, вы можете выбрать тег заголовка, который они хотели бы применить к тексту заголовка категории.

Автор

Поделиться

Комментарии

Один ответ на “Виджет Woo-Categories”

Розалия Баязитова

Спасибо за просмотр! Оставляйте свои комментарии и вопросы!

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

Ваш электронный адрес не будет опубликован. Обязательные поля отмечены *

' skin='skin1'}}

Найдите свой шаблон для сайта среди 300+ вариантов

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Все шаблонные сайты

Найдите свой шаблон для сайта среди 300+ вариантов

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors