→ При разработке сайта лендинг в подарок! ЖМИ! ←
Мар
24

Делаем новую тему оформления для Webasyst

Все темы в webasyst хранятся в папке \published\SC\html\scripts\repo_themes.
Для создания новой темы создаем новую папку в \published\SC\html\scripts\repo_themes. Название папки нашей темы должно начинатся с USER_ и дальше имя нашей темы.

Затем копируем содержимое другой темы в папку нашей темы. Так мы будем видеть что к чему в теме webasyst и каждый файл сможем переделать под наши нужды.

Файлы темы:
index.html – главный файл (выводит весь html кроме шапки)
theme.xml – приписывается название темы.
product_info.html – подробное описание продукта

Большая часть html кода сайта хранится в папке \published\SC\html\scripts\templates\frontend. Описание страниц с этой папки —
404.html – страница не найдена
advanced_search_in_category.tpl.html – страница расширенного поиска
category_tree.html – левое меню которое выводит список категорий
frame.html – самый главный файл. В него подключается файл c темы – index.html. В этом файл редактируется шапка и прописываются стили.
news.frontend.shortlist.tpl.html – выводит коротко новости
news.frontend.list.tpl.html – страница новостей
root_categories.html – контент главной страницы
shopping_cart.html – корзина
shopping_cart_info.html – короткая информация корзины. Выводитя блоком.

Чтобы узнать какие переменные и масивы на странице нужно в шаблоне ввести – {debug} и если после этого открыть магазин, тогда появится всплывающее окно со списком переменных и масивов которые доступны в шаблоне.

Описание других файлов папки – \published\SC\html\scripts\templates\frontend.

category.tpl.html – выводит в цикле продукты категории
product_brief.html – продукт категории. Этот файл подключается в цикле вывода продуктов категории в файле category.tpl.html.
feedback.tpl.html – это страница обратной связи. Урл – example.com /index.php?ukey=feedback

short_address_book.tpl.html – Адрес по умолчанию и еще, что то по адресу на этой странице – example.com/index.php?ukey=office. Находиться на странице зарегистрированного пользователя.
short_contact_info.tpl.html – небольшая контактная информация на странице example.com/index.php?ukey=office. Находиться на странице зарегистрированного пользователя.
short_order_history.tpl.html – на странице example.com/index.php?ukey=office показывает количество заказов. Это страница зарегистрированного пользователя.
contact_info.tpl.html – контактная информация на странице example.com/index.php?ukey=contact_info. Это страница зарегистрированного пользователя.
currency_selection.html. Выпадающее поле выбора валюты.
customer_survey.tpl.html – подключается блок голосования.

Шаблоны webasyst сделаны на на smarty. Вся документация по smarty переведена русский язык. Ссылка на документацию – smarty. Webasyst shop-script cделан по принцыпу MVC(Model-View-Controller)
Model это база данных и код который работает с ней.
View – формирует html код страницы для вывода в браузере.
Controller – формирует данные для вывода.

По материалам http://web-grand.ru

Прокомментировать

Рубрики

Наши услуги

В прямом эфире