Как вам помочь ?

Шаблон "Chicago"

Актуально для версии магазина: 6.5-7.0

Внимание

Шаблон "Chicago" может быть установлен только на магазин версии 6.5.4 и выше. Если Ваш магазин версии ниже, пожалуйста, обновите магазин до версии 6.5.4 и выше до начала работ с шаблоном.

В данной статье рассмотрим настройки и особенности шаблона "Chicago".

Особенности шаблона "Chicago"

- Режим отображения главной страницы можно выбирать "Одна колонка", либо "Две колонки"

- Карусель расположена на всю ширину экрана независимо от выбранного вида представления главной страницы

- В шаблоне Chicago 25 цветовых схем.

- На главной странице добавлены акцентные статические блоки для рекламы определенных категорий каталога, продвижения отдельных товаров или акций.

- Основные элементы сделаны крупнее для увеличения конверсии по целевым действиям при оформлении заказа.

- На страницах, кроме главной, поле "Поиск" появляется при клике на соответствующую иконку в шапке сайта (рис.1)


Рисунок 1.

- Изменился внешний вид корзины в шапке сайта, теперь корзина всплывающая на всю высоту экрана в правой части сайта (рис.2)


Рисунок 2.

- Меню каталога на всех страницах сайта, кроме главной, представлено иконкой с выпадающим списком категорий (рис.3)


Рисунок 3.

Шапка сайта (логотип, меню, поиск, корзина) зафиксирована и двигается с прокруткой экрана вниз


Рисунок 4.

Статические блоки

Чтобы найти статический блок, следует перейти в раздел CMS -> Статические блоки, далее в строке поиска необходимо ввести наименование блока, среди поисковой выдачи выбрать нужный и перейти к редактированию (рис.5)


Рисунок 5.

Далее открывается окно с кодом. Следует перейти в режим “Источник”, проверить активность блока, внести необходимые корректировки и выполнить сохранение (рис.6)


Рисунок 6.

Ниже рассмотрим какие блоки представлены в шаблоне "Chicago".

Блок с категориями над товарами на главной странице

Блок редактируется в статическом блоке "ChicagoSBwithSomeCategories".

В блоке представлены сразу несколько предложениий (рис.7). Для того, чтобы заменить на свои данные, необходимо загрузить картинки и поменять путь к ним (рис.8, цифра 2). Также необходимо прописать ссылку на страницу, куда должен выполняться переход при нажатии на данное предложение (рис.8, цифра 1).


Рисунок 7.


Рисунок 8.

Рекомендованный размер фото: 367px * 496px.

Предварительно изображения для блока нужно загрузить на сервер. О том, как это сделать и получить ссылку на изображение на сервере, описано в инструкции.

Блок в футере

Данный блок располагается в подвале сайта (рис.9)

Редактируется в статическом блоке "ChicagoBottomMenuRightCustom", вы можете менять ссылки на социальные сети, заменив ссылки вида https://twitter.com/ на свои.
Также менять иконки, предварительно загрузив их на сервер. О том, как это сделать и получить ссылку на изображение на сервере, описано в инструкции.


Рисунок 9.

e-mail на главной

Блок редактируется в статическом блоке "ChicagoEmail", располагается в шапке сайта (рис.10).

В редактировании данного статического блока можете убрать ссылку на "обратный звонок", если не используете данный модуль, или "Отправить сообщение", удалив ненужные теги.
Также можете применить стили, но только в том случае, если Вы ознакомлены с работой с css. Неверный код может привести к некорректному отображению на сайте.
О том, как работать с css можете ознакомиться в инструкции


Рисунок 10.

Copyright


Рисунок 11.

Располагается в подвале сайта в самом низу. За редактирование отвечает статический блок "ChicagoCopyright".

Новости

Представление новостей изменено, а именно на главной странице новости дополнены фотографиями и кратким описание (рис.12). Рекомендованный размер изображения для новостей - 352px * 220px


Рисунок 12.

Подписка на новости, проверка статуса заказа, опрос и сертификат

Блок "Подписка на новости" растянут на всю ширину экрана.
Разделы "Подписка на новости", "Опрос", "Проверить статус заказа" и "Подарочный сертификат" представляют стилистически единый блок (рис.13).


Рисунок 13.

Карточка товара

Структурно изменена карточка товара: название, цена и рейтинг перенесены в верхнюю часть информационного блока, увеличено основное фото (рис.14)


Рисунок 14.

Карусель фотографий товара перенесена влево от основного фото (рис.15)


Рисунок 15.

Поля "Добавить в сравнение" и "Добавить в список желаний" расположены в информационном блоке под кнопками "Добавить" и "Купить в один клик" (рис.16)


Рисунок 16.

Мобильная версия

Добавлен функционал увеличения фотографии в карточке товара в мобильной версии (рис.17)


Рисунок 17.

Внизу сайта добавлена кнопка "Наверх" - для возвращения в шапку сайта (рис.18)


Рисунок 18.

Готово. В данной инструкции мы рассмотрели основные настройки шаблона "Chicago".

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: шаблон, чикаго, chicago, товары, дизайн