Редагування шаблону компонента JKassa

Автор: GeneticsPro | Категорія: Блог | Перегляди: 12

У цьому керівництві показано як змінити параметри шаблону компонента 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

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

Comments (0)

There are no comments posted here yet

Leave your comments

Posting comment as a guest. Sign up or login to your account.
Type the text presented in the image below