Шаблон "Atom"

В данной статье рассмотрим настройку оформления блоков в шаблоне "Atom":

• Баннер на главной слева (шаблон Atom)
• Баннер на главной справа (шаблон Atom)
• Баннер на главной внизу (шаблон Atom)
• Есть вопросы? Звоните 24/7! (шаблон Atom)
• Почта в шапке (шаблон Atom)
• Текст в хедере (шаблон Atom)
• Таблица слева на главной (шаблон Atom)
• Меню в футере,мобильная версия (шаблон Atom)

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

• Изображения в выпадающем списке подкатегорий
• Блоки на главной
• Мобильная версия
• Карточка товара

Внимание!

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

 

Баннер на главной слева (шаблон Atom)

Рисунок 1. 

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин " - "Статические блоки", найдите в списке блок с названием "Баннер на главной слева (шаблон Atom)" и с ключом доступа "banner_left_atom", после чего перейдите в его редактирование:

Далее нажмите на иконку загрузки изображения (рис. 2):

Рисунок 2.

 

Блок "Баннер на главной справа (шаблон Atom)"

Блок "Баннер на главной справа (шаблон Atom)" 

Рисунок 3.

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Баннер на главной справа" и с ключом доступа "banner_right_atom" (рис. 4), после чего перейдите в его редактирование:

Рисунок 4.

Нажмите на кнопку "Источник", чтобы перейти в редактирование HTML-кода (рис. 3):

Рисунок 5.

Теперь рассмотрим, какие параметры Вы можете изменять для настройки баннера на главной справа:

1, 2) Изображение (Изображение загружается аналогичным способом как на рис.2);

3) Ссылка на страницу при нажатии на изображение;

Данная ссылка формируется следующим образом: <a href="#">Подробнее</a>

Вместо "#" в кавычках Вы указываете путь, куда клиент должен переходить при нажатии на изображение.

Блок "Баннер на главной внизу (шаблон Atom)"

Рисунок 6.

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Баннер на главной внизу" и с ключом доступа "banner_right_atom_bottom" (рис. 7), после чего перейдите в его редактирование:

Рисунок 7.

Изображение загружается аналогичным способом как на рис.2

Рисунок 8.

Блок "Есть вопросы? Звоните 24/7! (шаблон Atom)"

Рисунок 9.

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Есть вопросы? Звоните 24/7!" и с ключом доступа "footer_info_time" (рис. 10), после чего перейдите в его редактирование:

Рисунок 10.

Блок "Почта в шапке (шаблон Atom)"

Рисунок 11.

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Почта в шапке (шаблон Atom)" и с ключом доступа "header_info_email" (рис. 12) после чего перейдите в его редактирование.

Рисунок 12.

Блок "Текст в хедере (шаблон Atom)"

Рисунок 13.

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Баннер на главной внизу" и с ключом доступа "header_text" (рис. 14) после чего перейдите в его редактирование:

Рисунок 14.

Блок "Таблица слева на главной (шаблон Atom)"

Рисунок 15.

Для редактирования блока перейдите в раздел "Каналы продаж"- "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Таблица слева на главной" и с ключом доступа "table_left_atom" (рис. 16) после чего перейдите в его редактирование:

Рисунок 16.

Рассмотрим более подробно редактирование данного статического блока.

В данном блоке можете изменить изображение и текст таблицы. Для этого перейдите в режим Источник, замените текст "Бесплатная доставка" и "от $50" на свой (рис.17). Загрузить свое изображение можете как было указано в инструкции ранее.

Рисунок 17.

Блок "Меню в футере,мобильная версия (шаблон Atom)"

Рисунок 18.

Для редактирования блока перейдите в раздел "Каналы продаж" - "Интернет-магазин" - "Статические блоки", найдите в списке блок с названием "Меню в футере,мобильная версия (шаблон Atom)" и с ключом доступа "AtomMobileFooterBottom" (рис. 19) после чего перейдите в его редактирование:

Рисунок 19.

Код в режиме "Источник" Вы можете редактировать следующим образом:
Рассмотрим на примере одного из элементов, например, Корзина. В коде Корзина можете изменить путь к странице, указав нужную ссылку вместо "cart", ссылка должна быть заключена в кавычках, и можете изменить слово "Корзина" на другой пункт меню. Также если Вы не хотите, чтобы отображался данный пункт в мобильной версии, можете убрать галочку у данного статического блока.

Рисунок 20.

 

Изображения в выпадающем списке подкатегорий

Для того, чтобы вывести данное отображение, необходимо в редактировании категории загрузить изображение (рекомендуемый размер 740x700px).

Рисунок 21.

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

Рисунок 22.

 

Блоки на главной

Еще одной из основных особенностей является то, что блоки Хиты, Скидки, Новинки выводятся в один ряд и отображаются путем перещелкивания.

Рисунок 23.

 

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

Главная особенность мобильной версии, что находится в данном шаблоне, это возможность просматривать фотографии товара в увеличенном виде при нажатии на неё.

 

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

Если Вы перейдете в карточку товара, можете заметить еще одну особенность, это то, что в карточке товара представлено отображение категорий (Рис. 24).

Рисунок 24.

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

Всё готово.