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


Назначение

Модуль JKCategories (JoomlaKassa - Категории) отображает список категорий компонента JoomlaKassa, входящих в одну родительскую категорию или все категории компонента. Модуль имеет несколько макетов для отображения списка категорий. Для каждой категории модуль может отображать: заголовок категории; описание категории; изображение категории; кнопку "Перейти", которая открывают страницу выбранной категории. Также модуль имеет ряд других, дополнительных функций.

Внимание! Модуль не заменяет меню сайта и не может формировать правильные URL-адреса. Подробней об оптимизации URL-адресов смотрите в документации "Управление компонентом".

Доступ

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

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

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

jkcategories

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

Макет списка категорий


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

layout_list

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

Значение "По умолчанию" параметра "Макет списка категорий" отображает категории в виде маркированного списка состоящего из заголовков категорий. Если к макету не применены дополнительные параметры, такие как: изображение, описание, разделители и т.д. список будет выглядеть, так как показано ниже на изображении. Ссылкой на страницу категории является заголовок категории.

list_1

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

list_2

2. Аккордеон

Аккордеон – компактный макет списка категорий в закрытом состоянии (1). При клике на заголовок категории будет открыта панель (2) с изображением, описанием категории и кнопкой "Перейти" (опционально). Ссылкой на страницу категории может быть кнопка и/или изображение категории. Макет не поддерживает параметр "Формат заголовка".

accordion

3. Выпадающее меню

Макет "Выпадающее меню" напоминает обычное выпадающее меню для сайта, подпункты в котором – это вложенные категории в родительскую категорию продуктов. Имеет компактный вид в закрытом состоянии (1). При наведении на заголовок категории будет открыт заголовок вложенной категории (2) и т.д. Макет не поддерживает дополнительные параметры такие как: заголовок, описание, изображение, кнопка. Имеет дополнительную настройку: Направление подменю, позволяет выбрать направление открытия выпадающего меню (вправо или влево).

dropdown

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

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

layout_settings

  1. Направление подменю.
    Позволяет выбрать направление открытия выпадающего меню. Только для макета "Выпадающее меню".
  2. Категория продуктов.
    Позволяет выбрать родительскую категорию продуктов. Категории должны быть созданы в менеджере категорий компонента JoomlaKassa.
    Примечание. Если выбрать "Корень", будут отображены все категории.
  3. Подкатегории.
    Позволяет задать: показывать или скрывать подкатегории (вложенные категории).
  4. Количество первых подкатегорий.
    Позволяет указать количество первых уровней подкатегорий, которые следует выводить (все или от 1 до 10).
  5. Максимальная глубина вложения.
    Позволяет выбрать максимальную глубину вложения подкатегорий (все или от 1 до 10).
  6. Кол-во продуктов.
    Позволяет показывать или скрывать количество продуктов в категории. Количество продуктов будет показано рядом с заголовком категории в скобках. Имеет три значения: Показать; Скрыть; Показать если есть.

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


Заголовок категории

heading

  1. Заголовок категории.
    Позволяет показывать или скрывать заголовок категории продуктов.
  2. Формат заголовка.
    Позволяет выбрать формат заголовка категории продуктов (Нет; H1 – H6; P; DIV).
  3. Заголовок как ссылка.
    Если установлено значение "Да", заголовок будет ссылкой на страницу категории.

Описание категории

description

  1. Описание категории.
    Позволяет показывать или скрывать описание категории.
  2. Ограничение описания.
    Позволяет установить ограничение описания категории в символах.
  3. Размер шрифта.
    Позволяет указать размер шрифта для описания категории (По умолчанию, xx-small, x-small, small, medium, large, x-large).

Изображение категории

image

  1. Изображение категории.
    Позволяет показывать или скрывать изображение категории.
  2. Изображение как ссылка.
    Если установлено "Да", изображение будет ссылкой на категорию.
  3. Макс. высота изображения.
    Позволяет ввести максимальную высоту изображения в пикселях без префикса.
    Пример: 50
  4. Макс. ширина изображения.
    Позволяет ввести максимальную ширину изображения в пикселях без префикса.
    Пример: 50
  5. Выравнивание изображения.
    Позволяет установить выравнивание текста описания категории относительно изображения категории. Допускаемые значения: Текст снизу изображения; Текст справа изображения; Текст слева изображения.
  6. Отступ изображения.
    Позволяет установить отступ изображения в каждом поле в порядке: сверху, справа, снизу, слева в пикселях без префикса, то есть 10. Оставьте 0 если отступ не требуется.

Кнопка "Перейти"

go

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

Разделитель

divider

  1. Разделитель.
    Позволяет показывать или скрывать разделитель категорий. Не отображается для макета "Аккордеон".
  2. Цвет разделителя.
    Позволяет указать цвет разделителя категорий в шестнадцатеричном формате.
    Пример: #DDDDDD.

CSS


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

css

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

Дополнительные параметры


Кроме стандартных дополнительных параметров Joomla, для модуля добавлены индивидуальные настройки.

advanced

  1. Скрыть на страницах.
    Позволяет выбрать страницы компонента JoomlaKassa, где вы хотите скрыть модуль. Эта опция зависит от характеристики вашего шаблона (смотрите документацию по скрытию модулей в JoomlaKassa). Ниже приведены типы страниц компонента JoomlaKassa:
    1. account – личный кабинет покупателя;
    2. cart – корзина покупателя;
    3. categories – категории продуктов;
    4. category – продукты (категория продуктов);
    5. form – добавление/редактирование продукта;
    6. manufacturer – один производитель;
    7. manufacturers – список производителей;
    8. order – заказ;
    9. product – один продукт;
    10. result – результат заказа;
    11. search – поиск продуктов;
    12. test – тестирование заказа.

jkDocs

Мы в соц сетях

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