Как настроить и редактировать слайдер на главной странице

Слайдер на главной странице — пожалуй, самый эффективный инструмент для того, чтобы ваш магазин понравился с первого взгляда. Сюда принято выносить информацию об акциях, скидках, сезонных товарах, популярных предложениях. От того, насколько гипнотизирующе этот блок будет выглядеть, зависит многое. И в первую очередь, задержится ли у вас потенциальный покупатель дольше 3 секунд.

Как сделать слайдер на главной максимально эффектным? И как при этом не погрязнуть в дизайне и настройках на несколько дней? Читайте инструкцию и выполняйте за нами простые и понятные действия.

Где находятся настройки слайдера

Первый шаг — вход в билинговую панель на 1os. Именно отсюда осуществляется управление всей вашей работой на конструкторе. Необходимая для входа ссылка была вам отправлена в первом письме от 1os, когда вы проходили регистрацию. Чтобы сэкономить ваше время, укажем эту ссылку здесь:

https://billing.1os.ru/auth/login

Нажмите ее и перейдите на форму для входа пользователей системы. Перед вами поля, в которые необходимо корректно внести ваш адрес электронной почты и пароль (тот, что вы придумали сами и указали при регистрации). Если все заполнено верно, нажимайте «ВХОД»:

Перед вами открылась биллинг-панель. Находим на ней левое вертикальное меню, вбираем пункт «МОИ САЙТЫ» и нажимаем на него:

Открывается страница, на которой вы видите перечень всех сайтов, созданных в этом профиле. Вам нужно выбрать тот из них, с которым вы планируете в данный момент поработать. Нажмите на имя сайта, оно активно:

Вы видите перед собой экран административной части своего-интернет-магазина — главную ее страницу со всеми доступными функциями. На верхней панели справа найдите иконку «глаз» и нажмите на нее:

Перед вами служебный раздел интернет-магазина, который позволяет в широких пределах корректировать шаблон сайта. Если провести курсором по экрану, можно заметить появление красных рамочек вокруг того или иного блока. Подведем курсор к слайдеру, находим справа появившуюся одновременно с рамкой кнопку «РЕДАКТИРОВАТЬ» и нажимаем на нее:

Панель настройки слайдера

Вы перешли в панель настройки слайдера. Она выглядит так:

Здесь отображаются случайные картинки, подобранные для вас системой при генерации сайта. Над ними — 4 действия с переключателями-бегунками. Под слайдами — 3 интуитивно понятные кнопки управления. Они позволяют добавить новый слайд, сохранить внесенные изменения или отменить их. Давайте подробнее разберем, как работает каждая из функций.

Автозапуск

Попробуем подвигать рычажок, соответствующий функции «АВТОЗАПУСК»:

Когда переключатель переведен в правое положение, функция включена. И демонстрация слайдов, действительно, запускается автоматически — как только посетитель зашел на главную страницу. Если же регулятор перевести влево, автоматическая демонстрация отключится, и будет статично демонстрироваться одна из картинок.

Важно: если вы внесли нужные изменения, не забудьте нажать кнопку «СОХРАНИТЬ» в правом нижнем углу панели. Если она у вас открылась больше, чем на 1 экран, пролистайте немного вниз — пока не появится нижний край белого поля:

Если же не планируете сохранять изменения, нажмите «ОТМЕНА».

Точки навигации

Обратим внимание на следующую опцию — «ТОЧКИ НАВИГАЦИИ»:

Когда функция включена, в нижней части слайдов появляются маленькие кружочки по количеству демонстрируемых слайдов. Самый светлый указывает на тот порядковый номер картинки, которая в данный момент на экране:

Если рычажок перевести влево, это будет положение «ОТКЛЮЧЕНО» и точки пропадут. Не забывайте после внесенных изменений нажимать кнопку «СОХРАНИТЬ».

Стрелки навигации

Очень удобная и часто используемая форма перехода между слайдами. За ее включение/выключение отвечает правый верхний переключатель:

Когда рычажок переведен в крайнее правое положение, стрелочки появляются:

Когда он находится слева, опция отключается и стрелочки пропадают.

Используйте стрелки навигации, когда ваши слайды выполняют не декоративную функцию, а несут важную для клиента информацию: даты акции, размер скидки и т. п. Так он сможет при желании вернуться на тот баннер, который полсекунды назад привлек его внимание. Реально удобно!

Эффект слайда (исчезание)

Последний, четвертый переключатель отвечает за опцию «ЭФФЕКТ СЛАЙДА»:

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

Список слайдов

Далее мы видим мини изображения ваших слайдов с опциями для каждого «РЕДАКТИРОВАТЬ» и «УДАЛИТЬ»:

Количество слайдов может быть больше или меньше — все они будут отображаться здесь именно в такой форме.

Редактирование слайдов

Разберем, как работает опция «РЕДАКТИРОВАТЬ СЛАЙД». Нажмем на эту кнопку под одной из уже загруженных картинок:

Открывается форма для редактирования:

Здесь вы можете по своему усмотрению менять абсолютно все: заголовок и его месторасположение, название кнопки и ссылку на нужную страницу, цвет подложки и прозрачность фона. Маленькая хитрость: чтобы поменять цвет подложки, нажмите на эту капельку:

Попробуйте разные варианты и не забудьте нажать кнопку «СОХРАНИТЬ» в левом нижнем углу формы:

Удаление слайда

Вернемся к списку слайдов и попробуем удалить один из них. Для этого нажмем под выбранной картинкой кнопку «УДАЛИТЬ СЛАЙД»:

Система откроет вверху страницы небольшую стандартную проверочную форму, которая застрахует вас от случайного удаления. Если все идет по плану, нажимайте «ОК». В противном случае — «ОТМЕНА».

Добавление слайда

Опустимся вниз панели и найдем кнопку «ДОБАВИТЬ СЛАЙД»:

Откроется форма загрузки изображения. Нажмите на пиктограмму по центру, выберите в открывшемся проводнике файл на своем компьютере и нажмите «ПРИМЕНИТЬ»:

После этого картинка появится в списке слайдов, и вы сможете с ней работать через кнопку «РЕДАКТИРОВАТЬ СЛАЙД» (как было описано выше). Не забудьте нажать кнопку «СОХРАНИТЬ», когда внесете и одобрите все изменения.

Как видите, настройка слайдера на главной странице производится путем выполнения несложных действий. Времени это отнимает минимум, а результат — превосходный.

Потому что 1os — это просто!