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

Карусель

Актуально для версии магазина: 8.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 - две колонки.

Моб.версия. Настройка, позволяющая указывать, должен ли тот или иной слайд отображаться на главной странице в мобильной версии.

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

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

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

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

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

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

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

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

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

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

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

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

Заметка

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

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

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

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

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

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

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

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

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