В этой статье рассмотрим, как можно превратить категорию товара/производителя в красиво брендированную посадочную страницу.
Общее описание
По факту создание "посадочных" страниц из страниц производителей/каталога сводится к нескольким простым задачам:
- Создание индивидуального макета для страницы
- Настройка кастомизированных подборок (галерей) на основе модуля GalleryRB
- Настройка текстов на основе модуля HTML
Каждый макет базово содержит:
- Галерею основного баннера
- Галерею баннеров-новинок
- Галерею баннеров-каталога
- Галерею баннеров-коллекций
- Модуль HTML с описанием
Для удобства работы в модуле GalleryRB рекомендуется применять именование формата:
Брендирование - <название бренда> - Главный баннер/Категории/Плитка слева/Популярные коллекции. Пример для AM.PM:
Модуль HTML именуется просто: <название бренда> текст:
Главный баннер
Чтобы полностью оформить посадочную бренда сначала создаём главный баннер:
- Разрешения (оба) выставляем по размеру баннера
- Количество колонок везде ставим равным одной
- Вид галереи - плитка
- Расположение текста - текст под изображением
- Фон текста не меняем
- Всегда показывать текст, показать кнопку "Показать ещё" - Отключено
Категории
Далее нам необходимо настроить галерею для категорий. Оптимальное разрешение для их изображений: 400x300px
Количество колонок выставляем как на скриншоте, вид галереи - карусель, анимацию при наведении не выбираем.
Остальные настройки выставляем как на скриншотах. В данном случае не забываем выставить "Заголовок галереи":
Теперь загружаем баннеры и заполняем их (чтобы обеспечить ссылки по баннерам):
Плитка слева
Плитка настраивается по аналогии, однако нужно учесть пару нюансов:
- Количество колонок везде ставим 1 (нам нужно расположить их в левом блоке одну под одной)
- Размер изображения - 300x300px
- Вид галереи - каменная кладка
Популярные коллекции
Наконец настраиваем коллекции, основные отличия от категорий:
- Количество колонок - 6/4/3/2
- Размер изображения - 200x200px
- Вид галереи - плитка
- Не забываем добавить подпись "Коллекции"
Также заполняем ссылки:
Текстовое описание
Тут нам остаётся только красиво заполнить и отформатировать текст, заголовок не заполняем:
Настройка макета
Теперь идём в Дизайн-Макеты и добавляем новый макет. Называть рекомендую в формате: Manufacturer<название>, например:
Сам макет настраиваем как на скриншоте:
При этом Левая колонка - Страница производителя это фильтр. Его тоже не забываем указать.
После настройки макета нам нужно установить его основным для целевого производителя. Идём в Каталог-Производители, находим нужного производителя и переходим в режим редактирования, там на Вкладке "Дизайн" выбираем нужный макет:
Итоговый результат