Как вам помочь ?

Карусель

Статья актуальна для версии магазина: 8.0 | 11.0mobile | 10.0 | 7.0-6.0 | 5.0-3.0

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

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

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

Карусель - это небольшой блок со сменными картинками на главной странице сайта.
Рисунок 1.

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

Карусель настраивается из панели администрирования, выберите пункт меню "Интернет-магазин" - "Карусель".

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

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

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

Заметка

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

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

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

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

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

Важно

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

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

Рекомендуем

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

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

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

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

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

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

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

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

Блок настроек относиться к дизайну и находиться в пункте меню "Интернет-магазин" - "Параметры магазина" вкладка "Главная" раздел "Карусель". (рис 3)

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

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

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

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

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

Заметка

После редактирования информации не забудьте сохранить изменения нажав на кнопку "Сохранить" в правом верхнем углу страницы, на этом настройка карусели завершена.

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

Другие статьи по теме

Статья оказалась полезной?
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: карусель, баннер, Настройка карусели, баннер, баннер на главной, слайдера на главной странице интернет-магазина, слайдер, rfhectkm, ckfqlth, картинка на главной, анимация на главной, банер, селайдер, галерея, главная страница, витрина, баннер, убрать карусель, отключить карусель

Мы используем cookies. Подробнее...
0