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

Шаблон "Atom"

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

В данной статье рассмотрим настройку оформления блоков в шаблоне "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" и его особенности.

Всё готово.

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

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

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

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

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

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

Тэги: template, Atom, шаблоны, атом,fnjv