С чем вам помочь?

Задавайте вопрос или опишите проблему, с которой Вы столкнулись

Настройка карусели на главной странице интернет-магазина

Карусель - это небольшой блок со сменными картинками на главной странице сайта.
 
Карусель или слайдер помогает сделать просмотр контента сайта более наглядным и понятным. Кроме того, изображения запоминаются легче, чем текст. Поэтому проще рассказать о вашем магазине и возможностях сайта с помощью слайдов.
 
Также карусель существенно упрощает поиск, чтобы попасть на каталог нужных покупателю товаров, ему достаточно кликнуть по заинтересовавшему его слайду вместо того, чтобы искать их по сайту, перечитывая тексты описаний. Карусель является определенным преимуществом интерфейса сайта.
 
 
Добавление изображений для карусели
 
Карусель настраивается из панели администрирования, выберите пункт меню "CMS - Карусель". По умолчанию в ней уже находятся несколько слайдов (картинок). Если они не нужны, их можно удалить или сделать неактивными, убрав галочку в колонке "Активен" и нажав на значок обновить.
 
Чтобы добавить новые слайды, нужно:
- Нажать на кнопку "Выберите файл".
- Выбрать в открывшемся окне нужное изображение (рекомендуемый размер изображения: 940 x 360 пикселей).
- В поле "Url для навигации" можно указать ссылку на страницу, куда нужно перейти при нажатии на картинку на сайте. Если переход не нужен, это поле можно оставить пустым. Тогда в графе "URL" будет автоматически установлен значок «#».
- нажать "Добавить". 
 
Выбранная картинка загрузиться и появится в списке. (рис 1)
 
Вы можете редактировать параметры относящиеся к слайду и после его добавления, к примеру чтобы изменить URL ссылки, после добавления картинки, нужно перейти в режим редактирования, кликнув по строке, далее ввести адрес страницы и нажать на значок «Обновить». Таким же образом меняются настройки активности и порядок сортировки. (рис 1)
 
Неактивные слайды не удаляются, но и не показываются в клиентской части. Порядок сортировки у слайда отвечает за очерёдность показа, сортировка действует по правилу "ноль вверху"
 
Рисунок 1. Редактирование
 
Чтобы получить адреса страниц для графы «URL», необходимо открыть эти страницы на сайте, скопировать содержимое из строки браузера «адрес» и ввести в графу «URL».
 
Общие настройки карусели
 
Для карусель есть так же блок общих настроек, которые отвечают за разные аспекты отображения слайдов. 
Блок настроек относиться к дизайну и находиться в пункте меню "Дизайн - Настройки шаблона". (рис 2)
 
Рисунок 2. Настройки
 
В данном блоке мы видим 4 параметра.
 
Отображать карусель на главной - Включает или выключает отображение карусели.
 
Анимация карусели - Тип анимации карусели, 2 пункта. Slide (задан по умолчанию) означает, что слайдеры будут выезжать, Fade означает затемнение предыдущего и появление следующего.
 
Скорость анимации - скорость смены слайдов в миллисекундах, т.е. 1 секунда - 1000. Чтобы указать задержку смены слайдов 10 секунд, укажите значение 10000 (без пробелов).
 
Пауза - это количество времени, через которое слайд сменяется следующим, так же в миллисекундах, по умолчанию 0.5 сек, т.е. 500.
 
Не забудьте сохранить изменения нажав на кнопку "сохранить" внизу страницы, на этом настройка карусели завершена.
 
Всё готово.
 
 
Видео урок
 
Как установить изображения карусели на главной странице интернет-магазина. Видео-инструкция.

Длина: 3 мин. 19 сек.

 

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Как мы можем улучшить статью?
Благодарим за отзыв.
Благодарим за отзыв. Мы улучшим эту статью.
Произошла ошибка.
Не нашли нужную статью? Предложить тему
Не нашли нужную статью?
Благодарим за отзыв.
Произошла ошибка.

Дизайн интернет-магазина

Работа с CSS Как изменить надписи кнопок на сайте Как изменить дизайн сайта Как изменить размер и стиль шрифта на сайте Примеры изменения CSS Как создать и загрузить свою цветовую схему в трансформер дизайна Настройка внешнего вида интернет-магазина Как загрузить свою тему в трансформер дизайна Редактирование блоков и текстов на главной странице Как создать и загрузить свой фон в трансформер дизайна Работа со статическими блоками (видео) Работа со статическими блоками (описание блоков) Вопросы авторского права на дизайн Товары на главной: добавление новинок и хитов Настройка карусели на главной странице интернет-магазина (видео) Настройка карусели на главной странице интернет-магазина Вывод изображения большего размера при нажатии изображение Вывод вплывающего окна с текстом при нажатии на ссылку Как добавить таблицу в текст страницы, описания или новости Установка якоря на странице Формирование рамки таблицы Как изменить размер фотографии (картинок) для всех сущностей в каталоге Как создать и загрузить свою тему в трансформер дизайна (Для версии 4.x и 3.x)
© AdvantShop. Платформа для открытия интернет-магазина.