Доступ и назначение


Назначение

Модуль JKFilter (JoomlaKassa - Фильтр продуктов) позволяет фильтровать (искать) продукты по установленной стоимости (от и до), по производителям, по параметрам (атрибутам продукта). Для фильтрации продуктов по производителям и атрибутам в компоненте JoomlaKassa должны быть настроены соответственные разделы. Модуль имеет несколько макетов для отображения списка фильтров и ряд других, дополнительных функций.

Внимание! Модуль отображается только на странице списка продуктов (категория продуктов).

Доступ

Чтобы создать новый модуль предварительно его нужно установить на вашем сайте Joomla (см. установка и обновление модулей). После установки модуля перейдите в раздел управления модулями. Если модуль ещё не создан, нажмите кнопку "Создать" и выберите из списка имеющихся модулей пункт: JoomlaKassa - Фильтр продуктов.

Чтобы изменить существующий модуль, в менеджере управления модулями щелкните по заголовку модуля или установите флажок в строке требуемого модуля, и нажмите кнопку "Изменить" на панели инструментов (см. доступ к модулям).

После проведения выше указанных операций будет открыт экран редактирования параметров модуля.

jkfilter

Примечание. Чтобы получить помощь для других параметров модуля воспользуйтесь кнопкой "Справка", которая расположена на панели инструментов экрана редактирования модуля btn-help.

Макет фильтров


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

layout

1. По умолчанию

Значение "По умолчанию" параметра "Макет фильтров" отображает блоки фильтров в вертикальном положении, расположенные друг за другом (если они включены). Модуль может показать:

filter_default

  1. Фильтр стоимости.
    1. Имеет заголовок блока: Стоимость (символ выбранной валюты).
    2. Отображает ползунок стоимости, позволяющий выбрать диапазон минимальной и максимальной стоимости продуктов, которые находятся в определённой категории.
    3. Блок стоимости имеет два поля, в которых отображены результаты выбора стоимости ползунком стоимости. Также минимальную и максимальную стоимость можно ввести в этих полях вручную.
  2. Фильтр производителей.
    1. Имеет заголовок блока: Производители.
    2. Отображает список производителей созданных в менеджере производителей компонента JoomlaKassa. Каждый элемент в списке производителей имеет: поле (чекбокс), для фильтрации по выбранному производителю; миниатюру производителя; имя производителя; количество продуктов производителя в данной категории.
  3. Фильтр атрибутов.
    Состоит из нескольких списков типов атрибутов созданных в менеджере атрибутов компонента JoomlaKassa.
    1. Имеет заголовки блоков: Наименование атрибута.
    2. Каждое значение атрибута имеет: поле (чекбокс), для фильтрации по выбранному значению атрибута; значение атрибута; количество продуктов, которым присвоено значение атрибута в данной категории.
  4. Кнопки "Применить" и "Сбросить".
    1. Кнопка "Применить" предназначена для применения выбранных фильтров в модуле. Если кнопка "Применить" отключена, после выбора каждого элемента – фильтр будет применён автоматически.
    2. Кнопка "Сбросить" предназначена для сброса выбранных элементов фильтра и возврата модуля в исходное значение.

2. Аккордеон

Макет фильтров "Аккордеон" отображает блоки фильтров в панелях аккордеона в свёрнутом состоянии (кроме блока стоимости). Содержит все элементы, которые есть в макете фильтров: "По умолчанию" (см. выше).

accordion

3. Горизонтально

Значение "Горизонтально" параметра "Макет фильтров" отображает блоки фильтров в горизонтальном положении, расположенные друг за другом (если они включены). Содержит все элементы, которые есть в макете фильтров: "По умолчанию" (см. выше). Также имеет дополнительный параметр: "Ширина блока", который позволяет указать ширину для каждого блока фильтров.

horizontal

3. Вкладки

Значение "Вкладки" параметра "Макет фильтров" отображает блоки фильтров во вкладках (горизонтально). Содержит все элементы, которые есть в макете фильтров: "По умолчанию" (см. выше). Также имеет дополнительный параметр: "Ширина блока", который позволяет указать ширину для каждого блока фильтров.

tabs

Настройки макета

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

layout_settings

  1. Ширина блока.
    Позволяет указать ширину каждого блока фильтров в пикселях, без префикса. Только для макетов: Горизонтально и Вкладки.
    Пример: 200.
  2. Высота блока.
    Позволяет указать высоту каждого блока фильтров в пикселях, без префикса.
    Пример: 200.
  3. Формат заголовка.
    Позволяет выбрать формат заголовков фильтров продуктов (H1 – H6; P; DIV).
  4. Разделитель.
    Позволяет выбрать стиль разделителя блоков фильтров (Нет; dotted; dashed; solid).
  5. Цвет разделителя.
    Позволяет указать цвет разделителя блоков фильтров в шестнадцатеричном формате.
    Пример: #DDDDDD.

Основные параметры


Фильтр стоимости

price

  1. Фильтр стоимости.
    Позволяет показывать или скрывать фильтр по стоимости продуктов (от и до).
  2. Ползунок стоимости.
    Позволяет показывать или скрывать ползунок выбора стоимости продуктов (от и до).
  3. Ширина ползунка.
    Позволяет установить ширину ползунка стоимости продуктов в пикселях без префикса.
    Пример: 200.
  4. Регуляторы.
    Позволяет выбрать форму регуляторов ползунка (Круглые; Квадратные; Треугольные).

Фильтр производителей

manufacturers

  1. Фильтр производителей.
    Позволяет показывать или скрывать фильтр по производителям.
  2. Количество производителей.
    Позволяет показывать или скрывать количество продуктов для данного производителя.
  3. Миниатюра производителя.
    Позволяет показывать или скрывать миниатюру производителя.

Фильтр атрибутов

attributes

  1. Фильтр атрибутов.
    Позволяет показывать или скрывать фильтр по атрибутам.
  2. Подсказки атрибутов.
    Позволяет показывать или скрывать подсказки для фильтров по атрибутам.
    tooltip_attributes
    Подсказки будут отображены при наведении курсора на значок вопроса, который расположен рядом с наименованием атрибутов. Для отображения подсказки, в менеджере редактирования атрибута, поле "Подсказка" должно быть заполнено.
  3. Количество продуктов.
    Позволяет показывать или скрывать количество продуктов, для которых назначены атрибуты.
  4. Неактивные атрибуты.
    Позволяет выбрать, что делать с неактивными атрибутами. Если в результате фильтрации продуктов, атрибуты не имеют назначенных продуктов – они считаются не активными.
    selected_attributes
    Допускаемы значения: Скрыть; Показать; Отключено.

Кнопки "Применить" и "Сбросить"

ok

reset

  1. Кнопки "Применить" и "Сбросить".
    Позволяет показывать или скрывать кнопку "Применить" или "Сбросить".
  2. CSS-класс кнопки.
    Суффикс CSS-класса для кнопки "Применить". Это позволит для кнопки создать индивидуальное оформление. Например, если ваш шаблон использует библиотеку "Bootstrap", вы можете установить для кнопки дополнительный цвет: btn-primary (синяя кнопка).
    Подробней о классах кнопок смотрите на сайте библиотеки Bootstrap.
  3. CSS-класс иконки.
    Суффикс CSS-класса для иконки кнопки "Применить". Например, если ваш шаблон использует библиотеку "Bootstrap", вы можете показать внутри кнопки иконку, используя следующий суффикс: icon-arrow-right (тёмная стрелка влево) и сделать её светлой: icon-arrow-right icon-white (светлая стрелка влево).
    Подробней о классах иконок смотрите на сайте библиотеки Bootstrap.

Ниже приведён пример кнопок с применением суффиксов CSS-классов для кнопки и иконки кнопки.

ok_reset

CSS


Перейдя на вкладку CSS, в настройках модуля, вам будут доступны два параметра.

css

  1. Bootstrap CSS.
    Позволяет подключить библиотеку CSS Bootstrap (версии 2.3.2).
  2. Пользовательский CSS.
    Указанный здесь CSS-код будет отображаться в заголовке документа: <head>...</head>, между тегами: <style type="text/css">...</style>.

jkDocs

Мы в соц сетях

Поиск в документации