Карусель

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

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

В данной инструкции будут рассмотрены следующие пункты:

• Добавление изображений для карусели
• Общие настройки карусели

Рисунок 1.

Добавление изображений для карусели

Карусель настраивается в панели администрирования в пункте меню "Мои сайты - Редактировать"(рис.2), далее раздел "Карусель". Чтобы добавить новые слайды, нужно нажать на кнопку "Добавить изображение"(рис. 3). В открывшемся окне выберите нужное изображение.

Рисунок 2.

Рисунок 3.

Выбранная картинка загрузится и появится в списке.

Заметка

По умолчанию в ней уже находятся несколько слайдов (картинок). Если они не нужны, их можно удалить или сделать неактивными, убрав галочку в колонке "Активен" и нажав на значок обновить.

Синоним для URL запроса - здесь есть возможность указать ссылку на страницу, куда должен выполниться переход при нажатии на слайдер. 
Чтобы получить адреса страниц для этой графы, необходимо открыть эти страницы на сайте, скопировать содержимое из строки браузера "адрес" и ввести в графу.
Если переход не нужен, это поле можно оставить пустым. Тогда в графе "URL" будет автоматически установлен значок "#".

Alt-тег изображения - это альтернативный текст, который отображает браузер, если по тем или иным причинам он не может загрузить картинку (если картинка была удалена с сервера или у посетителя отключен показ изображений в браузере). Поисковые боты пока не научились "читать" изображения, но благодаря атрибуту alt вы сможете подсказать роботу, что это за картинка, какое у нее название и что на ней написано.

Одна колонка и Две колонки - отображать ли слайд в полной версии сайта в соответствующем режиме (одна колонка или две колонки). Подробнее об этом здесь.

Моб.версия - отображать ли слайд на главной странице в мобильной версии.

Важно

Рекомендуемые размеры изображения для десктопной версии:
1160 x 553 px - одна колонка;
865*400 px - две колонки.

Рекомендуемые размеры изображения для мобильной версии:
375 x 150 px

Рекомендуем

Один и тот же слайд лучше загружать в нескольких размерах - для десктопной и мобильной версии соответственно. Иначе слайд для десктопной версии будет отображаться в мобильной версии, перегружая её.

Рисунок 4. Так выглядит настройка одного слайда в разных размерах для полной и мобильной версии сайта.

В новом окне - настройка, позволяющая открывать ссылку, указанную в поле "Синоним для URL запроса" в новом окне.

Сортировка - настройка отвечает за очередность показа слайда.

Активность - неактивные слайды не удаляются, а просто не показываются в клиентской части.

Вы можете редактировать параметры относящиеся к слайду и после его добавления, к примеру, чтобы изменить URL ссылки, после добавления картинки, нужно перейти в режим редактирования, кликнув по строке, далее ввести адрес страницы в столбце “Синоним для URL запроса”. Таким же образом меняются другие настройки (кроме изображения).

Так же карусель можно отредактировать через витрину магазина, перейдя в раздел "Главная страница".

Общие настройки карусели

В разделе карусель есть действия (рис.5) с помощью которых можно: 

1. Удалить выделенные - удалить выделенные изображения.
2. Снять выделение с видимых - выделение снимается только с тех изображений, которые находятся на текущей странице. 
3. Снять выделение - снять выделение с выбранных товаров. 

Рисунок 5.

Для карусели есть так же блок общих настроек, которые отвечают за разные аспекты отображения слайдов.

Общие настройки карусели возможно изменить в режиме редактирования витрины магазина перейдя в трансформер дизайна в раздел "Главная страница" (рис.5).

Рисунок 5.

В данном блоке мы видим 3 параметра.

Отображать карусель на главной - включает или выключает отображение карусели.

Скорость анимации - скорость смены слайдов в миллисекундах, т.е. 1 секунда - 1000. Чтобы указать задержку смены слайдов 10 секунд, укажите значение 10000 (без пробелов).

Пауза - это количество времени, через которое слайд сменяется следующим, так же в миллисекундах, по умолчанию 0.5 сек, т.е. 500.

Так же блок настроек есть в панели администрирования в пункте меню "Мои сайты - Редактировать" вкладка "Параметры" раздел "Главная страница" (рис. 6).

Рисунок 6.

Всё готово. Мы рассмотрели основные настройки карусели на главной странице.