Шаблон "Atom"

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

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

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

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

Внимание!

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

 

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

Рисунок 1. 

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

Рисунок 2.

Рисунок 3.

 

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

Рисунок 4.

Для редактирования блока перейдите в раздел "Дизайн" - "Страницы и блоки" - "Блоки", найдите в списке блок с названием "Баннер на главной справа (шаблон Atom)" и с ключом доступа "banner_right_atom" (рис.5), после чего перейдите в его редактирование.

Рисунок 5.

Нажмите на кнопку "Источник", чтобы перейти в редактирование HTML-кода, далее измените путь до изображения (рис.6 п.2), ссылку куда ведет баннер (рис.6 п.3), текст кнопки (рис.6 п.4) и текст на баннере (рис.6 п.5).

Рисунок 6.

 

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

Рисунок 7.

Для редактирования блока перейдите в раздел "Дизайн" - "Страницы и блоки" - "Блоки", найдите в списке блок с названием "Баннер на главной внизу (шаблон Atom)" и с ключом доступа "banner_right_atom_bottom" (рис.8), после чего перейдите в его редактирование.

Рисунок 8.

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

Рисунок 9.

 

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

Рисунок 10.

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

Рисунок 11.

 

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

Рисунок 12.

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

Рисунок 13.

 

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

Рисунок 14.

Для редактирования блока перейдите в раздел "Дизайн" - "Страницы и блоки" - "Блоки", найдите в списке блок с названием "Баннер на главной внизу (шаблон Atom)" и с ключом доступа "header_text" (рис.15) после чего перейдите в его редактирование.

Рисунок 15.

 

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

Рисунок 16.

Для редактирования блока перейдите в раздел "Дизайн"- "Страницы и блоки" - "Блоки", найдите в списке блок с названием "Таблица слева на главной (шаблон Atom)" и с ключом доступа "table_left_atom" (рис.17) после чего перейдите в его редактирование.

Рисунок 17.

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

Рисунок 18.

 

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

Рисунок 19.

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

Рисунок 20.

Нажмите на кнопку "Источник", чтобы перейти в редактирование HTML-кода, далее изменить наименование пункта (рис.21 п.2) и ссылку для перехода при клике на пункт (рис.21 п.3).

Рисунок 21.

 

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

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

Рисунок 22.

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

Рисунок 23.

 

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

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

Рисунок 24.

В рамках шаблона можно вывести список товаров в футере, для этого необходимо в разделе "Дизайн" - "Параметры" -"Прочее" активировать настройку "Отображать Хиты продаж,Новинки,Скидка в футере" (рис.25 - 26)

Рисунок 25.

Рисунок 26.

 

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

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

Рисунок 27.

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