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

Для слайдера на главной в Админке ⇒ Разное ⇒ Управление баннерами

Создано два баннера с группой slider_main, нужно еще?
Создаете баннер и ставите группу slider_main, указываете порядок сортировки если нужно.

До версии 7.0

Группы слайдера slider_1, slider_2 и т.д.
У баннера в поле HTML Код вставлено

<picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="images/slider/1x1920.jpg" media="(min-width: 1367px)">
    <source srcset="images/slider/1x1367.jpg" media="(min-width: 1025px)">
    <source srcset="images/slider/1x1025.jpg" media="(min-width: 600px)">
    <!--[if IE 9]></video><![endif]-->
    <img src="images/slider/1x600.jpg" alt="Слайдер на главной 1">
</picture>

1x1920.jpg большая картинка размером 1920x450

1x1367.jpg большая картинка размером 1367x450

1x1025.jpg средняя картинка размером 1025x400

1x600.jpg маленькая картинка размером 600x300

С версии 7.0 разметка следующая

У баннера в поле HTML Код вставлено

<picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source data-srcset="images/slider/1/1x3840x760.jpg" media="(min-width: 1920px)">
    <source data-srcset="images/slider/1/1x2800x650.jpg" media="(min-width: 1366px)">
    <source data-srcset="images/slider/1/1x2048x560.jpg" media="(min-width: 1024px)">
    <source data-srcset="images/slider/1/1x1280x460.jpg" media="(min-width: 640px)">
    <!--[if IE 9]></video><![endif]-->
    <img class="sw-lazy" data-src="images/slider/1/1x640x360.jpg" alt="Адаптивный интернет-магазин для продажи любых товаров">
</picture>

1x3840x760.jpg большая картинка размером 3840x760 (по желанию)

1x2800x650.jpg большая картинка размером 2800x650

1x2048x560.jpg средняя картинка размером 2048x560

1x1280x460.jpg средняя картинка размером 1280x4600

1x640x360.jpg маленькая картинка размером 640x360

В атрибуте alt укажите что изображено на картинке.

Для каждого разрешения будет использоваться своя картинка, таким образом на мобильниках будут загружаться маленькие картинки, это будет происходить быстро + вы получаете управление картинкой.

Картинки надо класть в images/slider/, чтобы вам было проще в этой папке уже лежат картинки слайдера с демо версии.

Видео урок