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


Назначение

Модуль JKLatest (JoomlaKassa - Новые продукты) отображает список самых новых опубликованных продуктов компонента JoomlaKassa из одной или нескольких категорий, у которых не истёк срок публикации. Модуль имеет несколько макетов для отображения списка продуктов. Для каждого из элементов списка модуль может вывести: Заголовок продукта, Изображение продукта, Описание продукта, Стоимость продукта, Кнопку подробнее с различными вариантами их настроек. Также модуль имеет ряд других, дополнительных функций.

Доступ

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

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

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

jklatest

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

Макет списка


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

layout_list_00

По умолчанию

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

layout_list-default

Блоки

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

При выборе значения "Блоки" параметра "Макет списка" вам станут доступны дополнительные настройки.

layout_list_01

  1. Продуктов в строке.
    Позволяет установить количество продуктов отображаемых в одной строке.
  2. Высота блока.
    Позволяет установить высоту блока каждого продукта в пикселях без префикса.
    Пример: 150

Ниже приведён пример макета списка – Блоки в вертикальном положении, без использования дополнительных настроек.

layout_list-blocks_01

Ниже приведён пример макета списка – Блоки в горизонтальном положении, с использованием дополнительных настроек: добавлено изображение, описание, стоимость продукта и кнопка подробней, так же установлены значения: показать 8 продуктов и 4 продукта в строке.

layout_list-blocks_02

Карусель

Макет списка: Карусель – это блоки продуктов, которые сгруппированы в слайды (количество продуктов в строке – это один слайд) с возможность их автоматической прокруткой. Одним словом Карусель – это слайд-шоу продуктов.

При выборе значения "Карусель" параметра "Макет списка" вам станет доступны дополнительные настройки.

layout_list_02

  1. Продуктов в строке.
    Позволяет установить количество продуктов отображаемых в одном слайде.
    Примечание: общее количество отображаемых продуктов (параметр Количество продуктов) должно быть больше чем продуктов в одном слайде.
  2. Высота блока.
    Позволяет установить высоту блока каждого продукта в пикселях без префикса.
    Пример: 150
  3. Индикатор слайдов.
    Позволяет показать или скрыть индикатор слайдов для карусели?
  4. Кнопки (стрелки).
    Позволяет показать или скрыть кнопки (стрелки) назад/вперёд для прокрутки слайдов карусели.
  5. Цвет стрелок.
    Позволяет установить цвет стрелок назад/вперёд и цвет индикатора слайдов.
  6. Интервал.
    Позволяет установить количество времени, в миллисекундах, между автоматической прокруткой слайдов. Если установлено: false, карусель не будет автоматически прокручиваться.
    Пример: 6000 или false.

Ниже приведён пример макета списка – Карусель в горизонтальном положении.

layout_list-carousel_01

Ниже приведён пример макета списка – Карусель при минимальном разрешении экрана.

layout_list-carousel_02

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


Категория продуктов

basic_parameters

  1. Категория продуктов.
    Позволяет выбрать категорию или несколько категорий, из которых следует отображать продукты в модуле.
  2. Порядок показа.
    Позволяет установить порядок отображения продуктов в модуле.
    1. Последние созданные - первыми: выводить продукты, отсортировав по дате создания.
    2. Последние изменённые - первыми: выводить продукты, отсортировав по дате последнего изменения.
    3. Последние опубликованные - первыми: выводить продукты, отсортировав по дате публикации.
    4. Последние обработанные - первыми: выводить продукты, отсортировав по датам создания или модификации.
  3. Количество продуктов.
    Позволяет установить общее количество отображаемых продуктов.
  4. Фильтры.
    Позволяет выбрать критерии, по которым будут отфильтрованы продукты.
    1. Акции: будут показаны только те продукты, для которых проводится акция.
    2. Скидки: будут показаны только те продукты, у которых есть скидка.
    3. Хиты: будут показаны только те продукты, у которых просмотры страниц достигло заданного значения установленного в параметрах компонента (JOOMLAKASSA Конфигурация Настройка магазина Разное Стикер "Хит").
  5. Производители.
    Позволяет выбрать производителей, по которым будут отфильтрованы продукты.

Заголовок продукта

header

  1. Заголовок продукта.
    Позволяет показывать или скрывать название продукта.
  2. Формат заголовка.
    Позволяет выбрать формат заголовка продукта.
    1. Нет: имя продукта будет выведено как ссылка.
      Пример кода: <a href="…">Заголовок</a>
    2. h1 – h6: имя продукта будет выведено как заголовок.
      Пример кода: <h5><a href="…">Заголовок</a></h5>
    3. p: имя продукта будет выведено как параграф.
      Пример кода: <p><a href="…">Заголовок</a></p>
    4. div: имя продукта будет выведено в контейнере.
      Пример кода: <div><a href="…">Заголовок</a></div>
  3. Обрезать заголовок.
    Если установить этот параметр как "Да" – длинные заголовки будут обрезаны и к концу строки будет добавлено многоточие.
    Пример: Ноутбук Lenovo…

Изображение продукта

image

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

Описание продукта

desc

  1. Описание продукта.
    Позволяет показывать или скрывать описание продукта.
  2. Тип описания.
    Позволяет выбрать тип описания продукта: описание платежа или описание продукта.
  3. Лимит описания.
    Позволяет установить ограничение описания продукта в символах.
    Пример: 50
  4. Размер текста.
    Позволяет выбрать размер шрифта описания продукта: от 8 px. до 24 px.

Стоимость продукта

cost

  1. Стоимость продукта.
    Позволяет показать или скрыть стоимость продукта.
  2. Без скидки.
    Позволяет показать или скрыть стоимость продукта без скидки (если скидка есть).
  3. Размер текста.
    Позволяет выбрать размер шрифта стоимости продукта: от 8 px. до 24 px.
  4. Цвет текста.
    Позволяет установить цвет текста стоимости продукта.

Кнопка подробнее

readmore

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

Разделитель

separator

  1. Разделитель.
    Позволяет показать или скрыть разделитель продуктов. Положение разделителя продукта зависит от макета списка продуктов.
  2. Стиль разделителя.
    Позволяет выбрать стиль разделителя продуктов.
    1. solid – сплошная линия.
    2. dotted – точки.
    3. dashed – пунктирная линия.
  3. Цвет разделителя.
    Позволяет установить цвет разделителя продуктов.

CSS


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

css

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

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


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

advanced

  1. ID модуля.
    Если на одной странице используется более одного модуля, укажите в этом поле ID для модуля. ID должно быть уникальным для каждого модуля.
    Допускаемые символы: A-Z, a-z, 0-9, не используйте пробелы и специальные символы.
  2. Суффикс CSS-класса модуля.
    Суффикс CSS-класса модуля, добавляемый к основному имени класса. Это позволяет создать для модуля индивидуальное оформление.
  3. Суффикс CSS-класса списка.
    Суффикс CSS-класса списка, добавляемый к имени класса списка (ul). Это позволяет создать для списка индивидуальное оформление. Например:
    1. unstyled – удалит маркеры списка продуктов;
    2. nav nav-tabs nav-stacked – отобразит простой список продуктов в виде вертикального меню;
    3. inline – выведет список продуктов в одну строку;
    4. Подробней смотрите в документации к библиотеке Bootstrap.
  4. Скрыть на страницах.
    Позволяет выбрать страницы компонента 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

Мы в соц сетях

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