Как вам помочь ?
Шаблон "Atom"
В данной статье рассмотрим настройку оформления блоков в шаблоне "Atom":
- Баннер на главной слева (шаблон Atom)
- Баннер на главной справа (шаблон Atom)
- Баннер на главной внизу (шаблон Atom)
- Есть вопросы? Звоните 24/7! (шаблон Atom)
- Почта в шапке (шаблон Atom)
- Текст в хедере (шаблон Atom)
- Таблица слева на главной (шаблон Atom)
- Меню в футере,мобильная версия (шаблон Atom)
Особенности шаблона
Внимание!
Шаблон "Atom" может быть установлен только на магазин версии 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