Редагування теми (шаблону) JKassa

Автор: JKassa Support | Перегляди: 2805

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

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

Попередження!

Якщо ви не використовуєте безкоштовний шаблон JKassa або шаблон з магазину JKassa, ми не зможемо вам гарантовано допомогти, якщо у вас виникнуть проблеми з кодом або налаштуваннями. Це виходить за рамки нашої служби підтримки. Але ви завжди можете звернутися на форум підтримки для обговорення вашого питання.

Читайте нас



Dark Mode

Виберіть свою мову

На цьому сайті використовуються файли cookie, щоб надавати вам наші послуги. Використовуючи наш сайт, ви підтверджуєте, що ознайомилися з нашою Політикою конфіденційності та Умовами використання. Використання вами цього сайту та продуктів JKassa залежить від цих політик і умов.