Блог InSales об интернет-продажах

Шаблон интернет-магазина “Техника”

07.08.2009

Сегодня мы рассмотрим одну из тем оформления интернет-магазина, появившуюся в сервисе InSales пару недель назад и поддерживающую большинство возможностей сервиса.

Данная тема хорошо подходит для многоассортиментных магазинов с широким набором категорий и подкатегорий (3 уровня вложенности).

Мы шаг за шагом будем активировать возможности темы “Техника”, в основном добавляя товары и категории.

.

1. Вы создали интернет-магазин и установили в разделе Дизайн тему Техника:

tech01

На главной странице мы видим пока только картинки-заглушки со Спецпредложениями, Товаром дня и банером. Каталог товаров пока пуст, отображается лишь демо-категория Футболки в меню в шапке магазина. Давайте разместим там реальные товары.

2. Создадим структуру каталога товаров, чтобы он появился в центре на главной странице

tech02

Мы создаём как категории первого уровня: Холодильники, Телевизоры, Телефоны, так и вложенные категории: Однокамерные, Двухкамерные, Плазменные панели, …

Внимание, в данной теме оформления на главной странице выводятся только те категории первого уровня, в которых есть подкатегории.

Заметка для вебмастеров:
При выводе каталога в шаблоне использовано условие на языке liquid

{% if collection.subcollections.size > 0 %}

3. Активируем блок Спецпредложений, выводимый в левой колонке на главной странице магазина

Для этого создадим на Витрине категорию Спецпредложения, которая скрыта с сайта и у которой в качестве пути указано special.

tech04

Добавим в созданную категорию какие-нибудь товары (пока они не добавлены, блок спецпредложений показываться не будет).

Посмотрим, что получилось:

tech03

Внимание! Cлово special используется как идентификатор выводимой категории.

Заметка для вебмастеров:
Вывод товаров из данной категории выполняется в следующем цикле в шаблоне “Главная”:
{% for product in collections.special.products %}
{% endfor %}

4. Активируем блок Предложение дня, выводимый на главной странице

Для этого, также как для спецпредложений, создаём категорию товар дня, которая скрыта с сайта и у которой в качестве пути указано day_offer. В данную категорию помещаем один товар.

tech05

Заметка для вебмастеров:
Вывод единственного товара из данной категории выполняется через цикл и условия равенства индекса единице:
{% for product in collections.day_offer.products %}
{% if forloop.index == 1 %}
{% endif %}
{% endfor %}

Список поддерживаемых темой Техника возможностей:

1. Поиск по магазину
2. Верхнее и нижнее меню
3. Вывод сопутствующих товаров
4. Вывод скидка на заказ в корзине
5. Старая цена (скидка на товар)
6. Вывод описания категории
7. Сортировка товаров
8. Вывод параметров в карточке товара
9. Фильтрация списка товаров по параметрам
10. Выбор модификаций товара
11. Обозначать/отображать отсутствие товара на складе
12. Вывод списка подкатегорий на странице категории
13. Вывод картинок категорий
14. Вывод артикула товара
15. Вывод описания картинок
16. Мультиязычность
17. Вывод трёх уровней вложенности каталога

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

комментария 2

  1. О! Спасибо! Великолепный шаблон! рекомендую!

  2. Teddy, у вас очень симпатичный сайт, но на нём нет корзины для покупок.
    Можете использовать insales. Перенос вашего оформления на наш сервис – дело совсем простое.

Оставить ответ