В этом руководстве показано как изменить параметры темы (шаблона) компонента JKassa и HTML-код в его файлах.
Когда вы создаёте интернет-магазин вы можете настроить его внешний вид и поведение его элементов. Вы можете изменить стиль в соответствии с вашим брендом и добавить функциональность или специальную информацию, относящуюся к вашему бизнесу.
Вы можете обратиться за поддержкой к нашим специалистам, чтобы создать тему для вашего интернет-магазина, что позволит вам сосредоточиться на других важных моментах вашего бизнеса.
Что такое шаблоны компонента JKassa?
Шаблон компонента представляет собой коллекцию файлов, которые контролируют макет и внешний вид компонента и модулей JKassa. Шаблон компонента не отвечает за внешний вид всего вашего сайта, за это отвечает основной шаблон Joomla. Для достижения максимального эффекта шаблон компонента должен наследовать стили основного шаблона Joomla и гармонировать с ним.
Большинство шаблонов компонента имеют встроенные параметры, которые можно легко настроить без изменения кода файлов шаблона. Чтобы внести более глубокие изменения в вашу тему или внести изменения, которые недоступны в параметрах шаблона, вам необходимо внести изменения в код его файлов с помощью встроенного HTML-редактора.
Большинство файлов, которые составляют шаблон компонента JKassa имеют расширение .tpl и содержат код языка Liquid. Помимо кода Liquid, в файлах шаблона также содержится HTML, CSS и JavaScript код. Прочие файлы могут иметь различные расширения.
Начало работы
Первым шагом является переход на страницу редактирования шаблона в административной части компонента JKassa (Компоненты → JKASSA → Инструменты → Дизайн).
После выбора шаблона вы можете выполнить настройку двумя способами:
- Изменить встроенные параметры для своей темы, перейдя на вкладку "Параметры".
- Изменить код вашей темы выбрав нужный файл в списке фалов шаблонов на вкладке "Редактор".
Параметры шаблона
Параметры шаблона позволяют изменить внешний вид некоторых элементов вашей темы. На вкладке "Параметры" отображается список параметров, которые вы можете изменить.
Чтобы внести изменения в определенные типы страниц в вашем магазине, измените требуемый параметр и сохраните изменения. Например, если вы хотите показать поле выбора количества продукта на странице списка продуктов, выберите значение "Показать" в параметре "Поле для количества" (1), затем щелкните кнопку "Сохранить" (2), чтобы сохранить изменения в параметрах шаблона.
Редактирование HTML/CSS и других файлов
На вкладке "Редактор" вы можете редактировать существующие файлы и добавлять новые.
Выберите из списка файлов шаблона (1) нужный файл, чтобы редактировать его непосредственно в браузере, в специальном HTML-редакторе кода (2). HTML-редактор позволяет редактировать код файлов, которые составляют вашу тему.
После сохранения файла шаблона (1) будет создана его копия с вашими изменениями (2), которая будет использоваться во внешнем интерфейсе магазина для отображения его элементов. При всех последующих сохранениях файла-копии будет изменена именно копия, а не файл по умолчанию. Это позволяет не терять изменения в фалах при обновлении шаблона компонента. Файлы, которые были изменены отмечены значком карандаша (3).
Вы можете хранить неограниченное количество копий, но использовать только одну.
Для создания новой копии файла переключитесь на файл по умолчанию (1) и сохраните его снова. Предыдущая копия файла (2) останется не активной, а уже новая копия (3) будет отвечать за дизайн вашей темы.
Вы можете свободно переключаться между вашими копиями или вернуться к файлу по умолчанию.
Чтобы удалить ранее созданную копию щёлкните по значку "Удалить файл" в правом краю кнопки. Файл будет удалён без возможности его восстановления.
После внесения всех изменений закройте экран редактирования шаблона щёлкнув кнопку "Отменить" на панели инструментов.
Если вы не используете бесплатный шаблон JKassa или шаблон из магазина JKassa, мы не сможем вам гарантировано помочь, если у вас возникнут проблемы с кодом или настройками. Это выходит за рамки нашей службы поддержки. Но вы всегда можете обратиться на форум поддержки для обсуждения вашего вопроса.
