Слайдер на главной странице — пожалуй, самый эффективный инструмент для того, чтобы ваш магазин понравился с первого взгляда. Сюда принято выносить информацию об акциях, скидках, сезонных товарах, популярных предложениях. От того, насколько гипнотизирующе этот блок будет выглядеть, зависит многое. И в первую очередь, задержится ли у вас потенциальный покупатель дольше 3 секунд.
Как сделать слайдер на главной максимально эффектным? И как при этом не погрязнуть в дизайне и настройках на несколько дней? Читайте инструкцию и выполняйте за нами простые и понятные действия.
Где находятся настройки слайдера
Для начала необходимо выполнить стандартный вход. Он подробно расписан в соответствующей инструкции — просто пройдите все этапы, соблюдая их последовательность и внимательно выполняя каждый шаг. После попадания в служебный раздел сайта нажмите в меню "Главная", и попадете на нужную нам главную страницу магазина:
Перед вами служебный вариант главной страницы, который позволяет в широких пределах ее корректировать. Если провести курсором по экрану, можно заметить появление рамочек вокруг того или иного блока. Подведем курсор к слайдеру, находим справа появившуюся одновременно с рамкой кнопку «РЕДАКТИРОВАТЬ» и нажимаем на нее:
Панель настройки слайдера
Вы перешли в панель настройки слайдера. Она выглядит так:
Здесь отображаются случайные картинки, подобранные для вас системой при генерации сайта. На них — кнопки для 2-х действий ("РЕДАКТИРОВАТЬ" и "КОРИЗИНА"). Под слайдами — 3 интуитивно понятные кнопки управления. Они позволяют добавить новый слайд, сохранить внесенные изменения или отменить их. Над слайдами - переключатели эффектов и функционала этого блока. Давайте подробнее разберем, как работает каждая из функций.
Точки навигации
Обратим внимание на следующую опцию — «ТОЧКИ НАВИГАЦИИ»:
Когда функция включена, в нижней части слайдов появляются маленькие кружочки по количеству демонстрируемых слайдов. Самый светлый указывает на тот порядковый номер картинки, которая в данный момент на экране:
Если рычажок перевести влево, это будет положение «ОТКЛЮЧЕНО» и точки пропадут. Не забывайте после внесенных изменений нажимать кнопку «СОХРАНИТЬ».
Стрелки навигации
Очень удобная и часто используемая форма перехода между слайдами. За ее включение/выключение отвечает левый верхний переключатель:
Когда рычажок переведен в крайнее правое положение, стрелочки появляются:
Когда он находится слева, опция отключается и стрелочки пропадают.
Используйте стрелки навигации, когда ваши слайды выполняют не декоративную функцию, а несут важную для клиента информацию: даты акции, размер скидки и т. п. Так он сможет при желании вернуться на тот баннер, который полсекунды назад привлек его внимание. Реально удобно!
Эффект слайда (исчезание)
Последний, четвертый переключатель отвечает за опцию «ЭФФЕКТ ПОТУСКНЕНИЯ»:
При переведенном вправо регуляторе этот эффект включен. Переход между картинками получается плавным и не режет глаза. Если вы отключите эту функцию (рычажок влево), границы между демонстрируемыми картинками не будет, одна просто будет сменять другую. Это вполне оправдано, если ваш магазин ориентирован на более агрессивный стиль подачи информации.
Автопрокрутка
Обратите внимание на функцию "АВТОПРОКРУТКА". Она отвечает за то, на какое время каждый слайд появляется перед зрителем. Поэкспериментируйте с цифрами: человек должен успевать без напряжения прочесть рекламный текст, но при этом слайд не должен "зависать" слишком надолго. Вам нужно просто ввести цифры в соответствующее поле, сохранить изменения и проверить результат на работающем сайте: 
Список слайдов
Далее мы видим мини изображения ваших слайдов с опциями для каждого «РЕДАКТИРОВАТЬ» и «УДАЛИТЬ» (корзина):
Количество слайдов может быть больше или меньше — все они будут отображаться здесь именно в такой форме.
Редактирование слайдов
Разберем, как работает опция «РЕДАКТИРОВАТЬ». Нажмем на эту кнопку под одной из уже загруженных картинок:
Открывается форма для редактирования:
Здесь вы можете по своему усмотрению менять абсолютно все: заголовок и его месторасположение, название кнопки и ссылку на нужную страницу, цвет подложки и прозрачность фона. Маленькая хитрость: чтобы поменять цвет подложки, нажмите на этот элемент:
Попробуйте разные варианты и не забудьте нажать кнопку «СОХРАНИТЬ» в левом нижнем углу формы:
Удаление слайда
Вернемся к списку слайдов и попробуем удалить один из них. Для этого нажмем под выбранной картинкой кнопку «КОРЗИНА»:
Система откроет вверху страницы небольшую стандартную проверочную форму, которая застрахует вас от случайного удаления. Если все идет по плану, нажимайте «ОК». В противном случае — «ОТМЕНА»:
Добавление слайда
Опустимся вниз панели и найдем кнопку «ДОБАВИТЬ СЛАЙД»:
Откроется форма загрузки изображения. Нажмите на пиктограмму по центру, выберите в открывшемся проводнике файл на своем компьютере и нажмите «ПРИМЕНИТЬ»:
После этого картинка появится в списке слайдов, и вы сможете с ней работать через кнопку «РЕДАКТИРОВАТЬ» (как было описано выше). Не забудьте нажать кнопку «СОХРАНИТЬ», когда внесете и одобрите все изменения.
Как видите, настройка слайдера на главной странице производится путем выполнения несложных действий. Времени это отнимает минимум, а результат — превосходный.
Потому что 1os — это просто!