Изменение дизайна магазина STS шаблонами

Описание работы STS шаблонов.

Основные сведения

Основные сведения о STS шаблонах

Для активации STS шаблонов Вам как минимум нужно установить модуль Default в Админке - Модули - STS (рис. 3), тем самым Вы активируете систему шаблонов, а лучше установить все модули, которые есть в разделе Админка - Модули - STS, тогда будут доступны все возможности STS шаблонов.

Рис. 3.

Рис. 3.

По умолчанию установлен шаблон full.

Рис. 4.

Рис. 4.

Чтобы изменить шаблон Вы можете просто отредактировать модуль Default (рис. 4) и указать шаблон по умолчанию (рис. 5), укажите вместо full например mobile. Теперь шаблон по умолчанию mobile, зайдя в магазин Вы увидите, что магазин теперь отрисован шаблонов mobile.

Рис. 5.

Рис. 5.

Вы можете выбирать шаблон и через браузер, просто открыв магазин следующим образом http://ваш-магазин.ру/index.php?sts_template=mobile

Вы тем самым указываете, что страница index.php будет отрисована с использованием шаблона mobile.

Также есть режим отладки, чтобы войти в режим отладки, откройте магазин следующим образом: http://ваш-магазин.ру/index.php?sts_debug=debug

Вы увидите, что на открывшейся странице будет выведена отладочная информация (версия STS, используемый шаблон, используемые модули, используемые файлы и метки).

Активация STS шаблонов

Активация STS модулей

Сами шаблоны STS и модули STS для отдельных страниц включаются/отключаются в Админке - Модули - STS. Точно также как и модули оплаты, доставки. Как минимум, обязательно должен быть включён модуль Default, это основной модуль STS, без него шаблоны работать не будут.

В сборке osCommerce VaM Edition STS присутствуют следующие STS модули:

  • Default

    Основной модуль STS, активирующий систему шаблонов, в данном модуле есть также настройка использовать или нет шаблоны для боксов. Если Вы хотите использовать STS шаблоны, данные модуль должен быть установлен обязательно - рис. 6.

    Рис. 6.

    Рис. 6.

  • Article Info

    STS модуль для содержимого страниц со статьями (html-шаблон для страниц article_info.php), т.е. Вы можете легко модифицировать внешний вид статей, используя html-шаблон - рис. 7.

    Рис. 7.

    Рис. 7.

  • Faqdesk Info

    STS модуль для содержимого страниц с faq (html-шаблон для страниц faqdesk_info.php), т.е. Вы можете легко модифицировать внешний вид faq, используя html-шаблон - рис. 8.

    Рис. 8.

    Рис. 8.

  • Newsdesk Info

    STS модуль для содержимого страниц с новостями (html-шаблон для страниц newsdesk_info.php), т.е. Вы можете легко модифицировать внешний вид новостей, используя html-шаблон - рис. 9.

    Рис. 9.

    Рис. 9.

  • Product Info

    STS модуль для содержимого страниц с описанием товаров (html-шаблон для страниц product_info.php), т.е. Вы можете легко модифицировать отображения либо всех товаров сразу, либо товаров в определённой категории, либо отдельноых товаров, используя html-шаблон - рис. 10.

    Рис. 10.

    Рис. 10.

  • Index

    STS модуль для главной страницы интернет-магазина (html-шаблон для страниц index.php), т.е. Вы можете создавать отдельный html-шаблон либо для всего списка товаров, для для отдельных категорий товаров, либо для отдельных производителей - рис. 11.

    Рис. 11.

    Рис. 11.

  • Featured Products Module Listing

    STS модуль для блока рекомендуемые товары по центру, т.е. Вы можете создавать отдельный html-шаблон для товаров в блоке рекомендуемые по центру на главной странице и в подкатегориях - рис. 12.

    Рис. 12.

    Рис. 12.

  • New Products Module Listing

    STS модуль для блока новинки по центру, т.е. Вы можете создавать отдельный html-шаблон для товаров в блоке новинки по центру на главной странице и в подкатегориях - рис. 13.

    Рис. 13.

    Рис. 13.

  • Product Listing Module

    STS модуль для списка товаров в категориях, т.е. Вы можете создавать отдельный html-шаблон для товаров в категориях - рис. 14.

    Рис. 14.

    Рис. 14.

Советую установить Вам сразу все STS модули, далее мы рассмотрим как создавать html-шаблоны для страниц интернет-магазина, для боксов.

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

Структура STS шаблона, т.е. где должен находиться шаблон, как он должен выглядеть.

Все шаблоны должны находиться в своих папках внутри /includes/sts_templates

Вы можете создавать любое количество папок (т.е. шаблонов) внутри /includes/sts_templates/. Шаблон по умолчанию выбирается в Админке - Модули - STS, при редактироватии модуля Default. По умолчанию установлен шаблон full.

Название папки с шаблоном должно быть на анлийском языке, все буквы в названии папки должны быть строчные (например full или mobile).

В сборке osCommerce VaM Edition STS присутствует два STS шаблона: full и mobile, соответственно это папки /includes/sts_templates/full и /includes/sts_templates/mobile

Структура папки с шаблоном должна быть следующая (на примере шаблона full):

/includes/sts_templates/full - Папка с шаблоном full

Содержимое папки с шаблоном:

Файл sts_template.html - Это основной файл шаблона, он должен быть в обязательном порядке, т.е. любой STS шаблон должен состоять как минимум из одного файла - sts_template.html

Примечание

Надо также отметить, что не обязательно основной файл должен называться sts_template.html, имя основного файла Вы можете настраивать сами в Админке - Модули - STS, изменив настройки модуля Default

Содержимое файл sts_template.html - Это стандартный html-код в метками внутри, ниже я расскажу, какие можно использовать метки внутри шаблона - рис. 13.

Рис. 13.

Рис. 13.

Внутри папки с шаблоном Вы можете создавать отдельные html-шаблоны для отдельных страниц.

Например, если Вы хотите создать шаблон для страницы products_new.php (Новинки) Вы просто должны создать файл /includes/sts_templates/ВАШ ШАБЛОН/products_new.php.html

В папке content должны находиться шаблоны для содержания страниц, т.е. основной шаблон как бы представляет из себя оболочку, он меняет общий внешний вид страниц, но не меняет её содержимое, чтобы например менять содержимое внутри страниц product_info.php, например изменить расположение описания товара и т.д., Вам нужно создавать так называемые контент шаблоны, они как раз и должны находиться в папке /includes/sts_templates/ВАШ ШАБЛОН/content. Подробнее о контент шаблонах читайте ниже.

В папке boxes находятся шаблоны боксов, об этом подробнее в следующем разделе.