Карусель 2.0

В данной статье мы рассматриваем расширенный функционал Карусели 2.0.

Карусель – это небольшой блок со сменными изображениями или видео на главной странице интернет-магазина. Карусель (баннеры) или слайдер помогает сделать просмотр контента сайта более наглядным и понятным. Кроме того, изображения запоминаются легче, чем текст. Поэтому проще рассказать о вашем магазине и возможностях сайта с помощью слайдов.

Также карусель существенно упрощает поиск, чтобы попасть на каталог нужных покупателю товаров, ему достаточно кликнуть по заинтересовавшему его слайду вместо того, чтобы искать их по сайту, перечитывая тексты описаний. Карусель является определенным преимуществом интерфейса сайта.

Заметка

Карусель 2.0 доступна с версии магазина 14.0, обновите ваш магазин для использования этого функционала.

Рассмотрим ниже настройки карусели и ее пример, как на (рис. 1). 

Нажмите на изображение для увеличения 🔎

Чтобы использовать весь функционал карусели, позволяющий помимо изображения также размещать видео, отображать текст и кнопки, перейдите в раздел "Настройки" - "Системные настройки", включите "Экспериментальные функции" и включите "Расширенные настройки карусели" и сохраните настройки (рис. 2). 

Рисунок 2.

После перейдите в раздел "Дизайн" - "Карусель". Здесь вы сможете Добавить и/или Настроить изображение для карусели или видео, нажав на "карандаш" 🖉 (рис.3).

Рисунок 3.

В открывшемся окне можно произвести настройки:

• Вставить в баннер Изображение или Видео (рис. 4).

Рисунок 4.

Ниже можно изменить настройки для этого изображения или видео (рис. 5).

Рисунок 5.

• Затемнить баннер – затемняет только изображение баннера (рис. 6).

Рисунок 6.

• Указать текст баннера и его позицию – новый шаблон может с помощью html и css поместить текст на баннер карусели.

Рассмотрим важные настройки (рис. 7).

Рисунок 7.

• Активность – включить, выключить отображение текста.
• Заголовок, Размера заголовка, Межстрочный интервал – текст заголовка, его размер и интервал между его строками.
• Основной текст, Размер текста, Межстрочный интервал текста – текст баннера, его размер и интервал между его строками.
• Цвет – цвета текста и заголовка.
• Размер блока в % для десктопной версии – размер блока текста от размера контейнера карусели.
• Выравнивание – выравнивание текста внутри контейнера баннера.
• Позиция по горизонтали – где в контейнере будет размещен текст и кнопки.

Кнопка 1 и Кнопка 2 – позволяет добавить функциональную кнопку на баннер (рис. 8).

Рисунок 8.

Рассмотрим эти настройки.

Активность – включение, выключение кнопки.

Текст – как кнопка называется для пользователя.

Ссылка – указывается ссылка, куда будет вести кнопка по нажатию.

В новом окне – если опция включена, то нажатие по кнопке откроет новое окно браузера.

Использовать цветовую схему магазина – если опция выключена, появятся настройки цвета текста и фона кнопки.

Готово. На этом мы рассмотрели основные функции Карусели 2.0.