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

Шаблон "Atom"

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

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

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

Внимание!

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

 

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

Баннер на главной слева
Рисунок 1. 

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

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

Изображения.
Рисунок 2.

 

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

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

Шаблон "Atom" - 8870
Рисунок 3.

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

Шаблон "Atom" - 1721
Рисунок 4.

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

Режим "Источник".
Рисунок 5.

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

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

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

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

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

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

Шаблон "Atom" - 5264
Рисунок 6.

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

Шаблон "Atom" - 3596
Рисунок 7.

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

Шаблон "Atom" - 4996
Рисунок 8.

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

Шаблон "Atom" - 6141
Рисунок 9.

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

Шаблон "Atom" - 4268
Рисунок 10.

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

Шаблон "Atom" - 7979
Рисунок 11.

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

Шаблон "Atom" - 9584
Рисунок 12.

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

Шаблон "Atom" - 9011
Рисунок 13.

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

Шаблон "Atom" - 8540
Рисунок 14.

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

Шаблон "Atom" - 3992
Рисунок 15.

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

Шаблон "Atom" - 7358
Рисунок 16.

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

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

Шаблон "Atom" - 8558
Рисунок 17.

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

Шаблон "Atom" - 4595
Рисунок 18.

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

Шаблон "Atom" - 1864
Рисунок 19.

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

Шаблон "Atom" - 2505
Рисунок 20.

 

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

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

Шаблон "Atom" - 8604
Рисунок 21.

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

Шаблон "Atom" - 1616
Рисунок 22.

 

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

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

Шаблон "Atom" - 3985
Рисунок 23.

 

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

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

 

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

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

Шаблон "Atom" - 9848
Рисунок 24.

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

Всё готово.

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

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

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

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

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

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

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