Документация по смене дизайна

Оформление интернет-магазина на базе ПО Fast-Sales выполнено с использованием шаблонизатора Smarty. Это значит, что изменить внешний вид магазина очень просто и при этом не нужно иметь дело с PHP-кодом. Все шаблоны Smarty имеют схожую с HTML семантику, а значит, для интеграции дизайна на Fast-Sales потребуются только знания HTML и CSS (ими обладает любой верстальщик).

На данной странице описаны общие принципы интеграции/смены дизайна в Fast-Sales. Более подробная информация по данному вопросу содержится в соответствующем разделе Руководства разработчика.


Темы оформления

Скрипты интернет-магазина Fast-Sales в базовой комплектации содержат несколько тем оформления: одна - для панели администратора, остальные - для витрины. Все темы интернет-магазина находятся в каталоге /templates/:

/templates/admin/ - тема для панели администратора;

/templates/customer/ - темы для витрины магазина.

Чаще всего интеграцию дизайна производят только на тему витрины магазина. Ниже будет рассмотрена структура шаблонов на примере темы для витрины магазина, хотя, на самом деле, структура шаблонов всех тем идентична (в том числе и тема панели администратора).

Замечание: Для интеграции нового дизайна витрины магазина в большинстве случаев не требуется выходить за пределы каталога /templates/customer/[название_темы].


Структура шаблонов

Главным шаблоном в теме является файл index.html, расположенный в корне папки темы:

/templates/customer/[название_темы]/index.html

Этот файл определяет каркас всего дизайна или layout. В контексте этого шаблона всю страницу можно условно разделить на несколько блоков:

Условное деление страницы

В самом верху находится шапка сайта (HEADER). По бокам – блоки с меню (LEFT MENU и RIGHT MENU). По центру находится главная часть, в которой будет отображаться содержимое модулей (MAIN CONTENT), а в самом низу – подвал сайта (FOOTER).

Именно для условного разделения всей страницы сайта на такие блоки предназначен главный файл шаблонов index.html.

Кроме главного файла в каталоге /templates/customer/[название_темы]/ лежат следующие каталоги:

/_system_/ - системные шаблоны и javascript-файлы;
/images/ - все изображения, которые используются в дизайне темы;
/css/ - файлы стилей для текущей темы.

Все остальные папки в каталоге /templates/customer/[название_темы]/, такие как: account, articles, bestsellers, categories, products и другие – отвечают за отображение соответствующих модулей магазина.


Соглашения

Весь пакет Fast-Sales можно условно разделить на несколько частей: ядро, модули, утилиты и библиотеки. Все модули отображаются внутри части, названной MAIN CONTENT на рисунке выше.

При интеграции нового дизайна на тему Fast-Sales необходимо учитывать только одно соглашение относительно именования директорий и файлов: при изменении дизайна какого-либо модуля, имя папки модуля и имя главного шаблона этого модуля должны быть сохранены в том виде, в котором они представлены в дистрибутиве. Например, для модуля кабинета пользователя – это:

/templates/customer/[название_темы]/account/account.html

Как видите, в данном случае имя главного шаблона здесь совпадает с именем папки, в которой он лежит. Для сохранения работоспособности магазина необходимо следовать этому правилу. При изменении имен файлов остальных шаблонов нужно следить за их взаимными связями, в т.ч. и связями с php-файлами, относящимися к модулям.

Возможности CMS
Онлайн-демо
Хостинг


Отзывы
Партнеры
Продвижение
Партнерские скидки
Полезная информация

Информация
Документация по смене дизайна

Новости
06.03.2018
Работа интернет-магазина с онлайн-кассой по 54-ФЗ


28.02.2018
Обновление Fast-Sales Pro 2.7.6.5


12.07.2017
Рейтинг разработчиков интернет-магазинов 2017


29.06.2017
Обновление Fast-Sales Pro 2.7.6.4


23.02.2017
Поддержка интернет-эквайринга Тинькофф Банк и платежной системы Best2Pay


Архив новостей

Свидетельство о государственной регистрации программы для ЭВМ «Fast-Sales»