Loading

Создать свой шаблон на CMS WebAsyst

Шпаргалка для разработчика интернет-магазина на CMS WebAsyst,  в этой статье Вы узнаете как создать свой шаблон

1.Создание шаблона в CMS WebAsyst

Начинается создание шаблона в CMS Webasyst по такому же принципу как и в других системах управлении сайтами. Начинать следует с верстки вашего макета в обычный html файл и таблицу стилей css. После этого в папке:
/www/published/SC/html/scripts/repo_themes/ — нужно создать папку с именем вашего шаблона. Рекомендуем добавить к названию Вашего шаблона префикс user_, что бы после обновления шаблон остался на месте. Например,  «user_newstyle». В этой папке (внутри) нужно создать пустой каталог (папку):  «temp_overridestyles» – для дальнейших  переопределенных через конструктор стилей.

Информация о шаблоне:

Нужно создать файл theme.xml внутри которого пишем:

Шапка созданного шаблона:

Создаем файл head.html, внутри которого пишем:

Свой файл стилей переименовываем в main.css.

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

Витрина магазина CMS WebAsyst:

Для витрины шаблона мы создаем файл: home.html, в нем пишем:

Можно оставить только «», а остальное сделать через конструктор (WYSIWYG).

Основная разметка шаблона:

Нужно создать файл index.html в него вставляем все содержимое нашего начального макета, которое находится между тегами .

В местах, где должны появиться какие-то функциональные блоки (Навигация, новости, главное содержимое, логотип, выбор языка и т.д.) вставляем код:

Файлы overridestyles.css и overridestyles.php копируем из другого шаблона.

Детальная информация о товаре в магазине Вебасист

Файл product_info.html можно скопировать из другого шаблона или создать свой со следующим содержимым:

Файл thumbnail.jpg – мини изображение шаблона.

Все остальные можно сделать через админ-панель сайта с помощью Конструктора (WYSIWYG).

«Перетащить» любой модуль можно на позицию где мы вставляли код:

Все дальнейшие правки рекомендуем делать уже через админ-панель интернет-магазина. Если изменения вносить снова в папке repo_themes,
то нужно очистить кэш через инсталлятор или в папке:

Наш новый шаблон на этом готов!

Отправить ответ

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

Войти с помощью: 
  Subscribe  
Notify of
Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Войти с помощью: 
Генерация пароля