Редактирование шаблона компонента JKassa

Автор: GeneticsPro | Категория: Блог | Просмотров: 42

В этом руководстве показано как изменить параметры шаблона компонента JKassa и HTML-код в его файлах.

Когда вы создаёте интернет-магазин вы можете настроить его внешний вид и поведение его элементов. Вы можете изменить стиль в соответствии с вашим брендом и добавить функциональность или специальную информацию, относящуюся к вашему бизнесу.

Что такое шаблоны компонента JKassa?

Шаблон компонента представляет собой коллекцию файлов, которые контролируют макет и внешний вид компонента и модулей JKassa. Шаблон компонента не отвечает за внешний вид всего вашего сайта, за это отвечает основной шаблон Joomla. Для достижения максимального эффекта шаблон компонента должен наследовать стили основного шаблона Joomla и гармонировать с ним.

Большинство шаблонов компонента имеют встроенные параметры, которые можно легко настроить без изменения кода файлов шаблона. Чтобы внести более глубокие изменения в вашу тему или внести изменения, которые недоступны в параметрах шаблона, вам необходимо внести изменения в код его файлов с помощью встроенного HTML-редактора.

Большинство файлов, которые составляют шаблон компонента JKassa имеют расширение .tpl и содержат код языка Liquid. Помимо кода Liquid, в файлах шаблона также содержится HTML, CSS и JavaScript код. Прочие файлы могут иметь различные расширения.

Начало работы

Первым шагом является переход на страницу редактирования шаблона в административной части компонента JKassa (Компоненты → JKASSA → Инструменты → Дизайн).

edit_template_01

После выбора шаблона вы можете выполнить настройку двумя способами:

  1. Изменить встроенные параметры для своей темы, перейдя на вкладку "Параметры".
  2. Изменить код вашей темы выбрав нужный файл в списке фалов шаблонов на вкладке "Редактор".

Параметры шаблона

Параметры шаблона позволяют изменить внешний вид некоторых элементов вашей темы. На вкладке "Параметры" отображается список параметров, которые вы можете изменить.

Чтобы внести изменения в определенные типы страниц в вашем магазине, измените требуемый параметр и сохраните изменения. Например, если вы хотите показать поле выбора количества продукта на странице списка продуктов, выберите значение "Показать" в параметре "Поле для количества" (1), затем щелкните кнопку "Сохранить" (2), чтобы сохранить изменения в параметрах шаблона.

edit_template_02

Редактирование HTML/CSS и других файлов

На вкладке "Редактор" вы можете редактировать существующие файлы и добавлять новые.

Выберите из списка файлов шаблона (1) нужный файл, чтобы редактировать его непосредственно в браузере, в специальном HTML-редакторе кода (2). HTML-редактор позволяет редактировать код файлов, которые составляют вашу тему.

edit_template_03

После сохранения файла шаблона (1) будет создана его копия с вашими изменениями (2), которая будет использоваться во внешнем интерфейсе магазина для отображения его элементов. При всех последующих сохранениях файла-копии будет изменена именно копия, а не файл по умолчанию. Это позволяет не терять изменения в фалах при обновлении шаблона компонента. Файлы, которые были изменены отмечены значком карандаша (3).

edit_template_04

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

Для создания новой копии файла переключитесь на файл по умолчанию (1) и сохраните его снова. Предыдущая копия файла (2) останется не активной, а уже новая копия (3) будет отвечать за дизайн вашей темы.

edit_template_05

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

Чтобы удалить ранее созданную копию щёлкните по значку "Удалить файл" в правом краю кнопки. Файл будет удалён без возможности его восстановления.

edit_template_06

После внесения всех изменений закройте экран редактирования шаблона щёлкнув кнопку "Отменить" на панели инструментов.

Комментарии (0)

There are no comments posted here yet

Оставьте свой комментарий

Posting comment as a guest. Sign up or login to your account.
Введите текст с картинки. Не разобрать?