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

Шаблон "Alice"

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

Внимание

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

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

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

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

- Контент шаблона расплагается во всю ширину экрана (максимально до ширины 1860px).

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

- Поле "Поиск" открывается при клике на иконку поиска (рис.1, рис. 2).

Шаблон "Alice" - 7398
Рисунок 1.

Шаблон "Alice" - 5333
Рисунок 2.

- Изменился внешний вид иконки корзины в шапке сайта и рядом с корзиной добавилась иконка "списка желаний" (рис.3).

Шаблон "Alice" - 9627
Рисунок 3.

- Главное меню оформлено выпадающим списком (рис.4).

Шаблон "Alice" - 5411
Рисунок 4.

- Пункты меню каталога имеют динамический эффект при наведении курсора мыши (рис.5).

Шаблон "Alice" - 2947
Рисунок 5.

- При небольшой ширине экрана сайт сжимается, динамический эффект меню исчезает и пункты меню, которые не влезли открываются нажав на точки справа в меню (рис.6).

Шаблон "Alice" - 7117
Рисунок 6.

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

Заметка

У каждого из статических блоков, которые относятся к данному шаблону, в названии указано "шаблон alice"

Статические блоки продублированы в мобильной и десктопной версии. Для мобильной версии в название статического блока добавлена фраза: мобильная версия.

Чтобы найти статический блок, следует перейти в раздел "Каналы продаж" - "Интернет-магазин" - "Параметры магазина" - "Статические блоки", далее в строке поиска необходимо ввести наименование блока, среди поисковой выдачи выбрать нужный и перейти к редактированию (рис.7).

Шаблон "Alice" - 1756
Рисунок 7.

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

Шаблон "Alice" - 3707
Рисунок 8.

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

О нас

Данный блок редактируется в статическом блоке "О нас (шаблон Alice)".

Располагается на главной странице под всеми товарами и новостями (рис.9).

Шаблон "Alice" - 8285
Рисунок 9.

Cкидки-2

Блок редактируется в статическом блоке "Cкидки-2 (шаблон Alice)".

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

Шаблон "Alice" - 4793
Рисунок 10.

Шаблон "Alice" - 8998
Рисунок 11.

Рекомендованный размер фото. Первые два блока: 590px * 580px, 590px * 580px. Третий длинный блок справа 650px*830px.

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

Баннер на главной

Шаблон "Alice" - 1389
Рисунок 12.

Располагается под меню и перед каруселью (по умолчанию стандартная карусель в шаблоне отключена). За редактирование отвечает статический блок "Баннер на главной (шаблон Alice)". Рекомендованный размер фото: 4500px*3000px.

Подписка на новости

Шаблон "Alice" - 1164
Рисунок 13.

За редактирование отвечает статический блок "Подписка на новости - блок с текстом (шаблон Alice)". Фоновая картинка задана через исходный код, в статическом блоке ее изменить нельзя.

Новая коллекция

Блок редактируется в статическом блоке "Новая коллекция (шаблон Alice)", представлено два предложения, для того, чтобы изменить данные, необходимо загрузить картинки, прописать путь и ссылку на страницу, куда будет переходить предложения (как это сделать описано выше в Cкидки-2 ). Блок располагается сразу под каруселью на главной странице (рис.14).

Шаблон "Alice" - 6792
Рисунок 14.

Рекомендованный размер фото: левый блок 1180px * 790px, правый блок 640px * 780px.

Распродажа и скидки

Статический блок "Распродажа и скидки (шаблон Alice)" (рис.15) располагается на главной под блоком "новая коллекция". Редактируется аналогично описанному выше в Cкидки-2.

Шаблон "Alice" - 9091
Рисунок 15.

Рекомендованный размер фото: два левых баннера 640px * 400px, 640px * 400px, правый длинный баннер 1280px*814px.

Все статические блоки с интерактивными элементами на главной странице (при наведении меняется цвет блока) (рис.16).

Шаблон "Alice" - 5174
Рисунок 16.

Новости

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

Шаблон "Alice" - 5253
Рисунок 17.

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

Структурно изменена страница товара: увеличено главное фото (рис.18, цифра 1); артикул, размер, вес, единицы измерения перенесены в верхнюю часть информационного блока, расположены над названием товара (рис.18, цифра 2); кнопки "Добавить в сравнения" и "Добавить в список желаний" расположены под кнопками "Добавить в корзину" и Купить в один клик" (рис.18, цифра 3).

Шаблон "Alice" - 2305
Рисунок 18.

Динамические элементы в карточке товара: кнопки "Добавить в сравнение", "Добавить в список желаний" и "Быстрый просмотр" появляются при наведении курсора мыши (рис.19).

Шаблон "Alice" - 5271
Рисунок 19.

Карточка товара в десктопной версии адаптирована для устройств с шириной экрана менее 1150px и сенсорным управлением - все кнопки компактно располагаются в карточке товара и доступны пользователю (рис.20).

Шаблон "Alice" - 2258
Рисунок 20.

Рекомендованные размеры фото товара:
Товар. Средняя фотография - 500px * 500px.
Товар. Маленькая фотография - 350px * 350px.

Категории

Изменено представление товаров в категориях, на главной, в разделах "похожие товары" и "с этим товаром покупают," а именно рейтинг, кнопки "быстрый просмотр", "добавить в сравнение", "добавить в список желаний" появляются только при наведении на товар (рис.21).

 

Шаблон "Alice" - 9785
Рисунок 21.
Рекомендуемое количество товаров в строке на главной: максимально 4.
Рекомендуемое количество товаров в строке в каталоге: максимально 3.

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

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

Шаблон "Alice" - 3993
Рисунок 22.

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

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

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

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

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

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

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

Тэги: шаблон, алиса, alice, товары, дизайн, fkbcf