Главная страница

02.05.2017

1. Баннер

2. Рекомендуем посмотреть

3. Заголовок и текст на главной

4. Бренды

5. По самым низким ценам\Распродажа

6. Наши партнеры

1. Баннер

Большой баннер на главной сделан по принципу mvideo.ru. Т.е. баннер занимает не всю доступную ширину, а лишь контентную часть (Блок 1 на скриншоте). Блоки 2 и 3 не являются частью картинки, а задаются цветом в настройках баннера.

Настройки баннера делаются в разделе "Промо" (Магазин->Товары->Промо) Рекомендованный размер загружаемого баннера 1248х446. Минимальные настройки для создания приемлемых баннеров:

  • Ссылка
  • Изображение
  • Цвет фона
Магазин->Товары->Промо Шаблон для типового баннера можно скачать тут.

2. Рекомендуем посмотреть

Данный список с товарами выводятся по id равному bestsellers. Настройки списка можно найти по пути Магазин->Товары->Списки.

3. Заголовок и текст на главной

Для того, чтобы иметь возможность использовать визуальный редактор, вывод текста на главную сделан через отдельную страницу, а не текстовое поле в настройках шаблона. Перейдите по пути Магазин->Витрина->Страницы и создайте страницу с названием "главная страница", поле "Заголовок" будет выводится как H1 главной страницы, а через визуальный редактор можно разметить текст для главной. При этом вам необходимо запомнить id главной страницы из адресной строки браузера. Если строка в браузере "http://emarket.ardoz.ru/webasyst/shop/?action=storefronts#/pages/5", то id это число 5.

Далее необходимо вписать id главной страницы в аналогичную настройку темы.

4. Бренды

Бренды выводятся автоматически при наличии плагина "Бренды" и присутствии хотя бы одного бренда в базе. Выбрать картинку для бренда можно по пути Магазин->Товары->Бренды.

5. По самым низким ценам\Распродажа

Данный список с товарами выводятся по id равному sale. Настройки списка можно найти по пути Магазин->Товары->Списки.

6. Наши партнеры

Данный блок полностью ручной и сделан преимущественно для красоты. Для создания блока нужно перейти в Сайт->Блоки и нажав на кнопку "Новый блок" добавить блок с id partners_slider. Ниже добавлен пример кода для отображения слайдера партнеров.

<div class="Slider__Box slider-partners"> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo1.png" alt="Партнер" /></div> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo2.png" alt="Партнер" /></div> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo3.png" alt="Партнер" /></div> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo4.png" alt="Партнер" /></div> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo5.png" alt="Партнер" /></div> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo6.png" alt="Партнер" /></div> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo7.png" alt="Партнер" /></div> <div class="Slider__Item--Valign"><img class="Slider__Img--Partner" src="{$wa_active_theme_url}../../partners/logo8.png" alt="Партнер" /></div> </div>