КАК СДЕЛАТЬ слайдер для товаров на Тильде?

Для настройки данной модификации необходимо разместить на странице блоки с товарами (модификация работает только с блоками ST300, ST305N, ST310N, ST315N). Далее заполнить следующие поля в генераторе:

1. «Укажите id блоков с товарами из каталога»– копируешь id блока в котором настроены товары из каталога;
2. «Автоматическая смена слайдов (в миллисекундах)» – задаешь время, через которое слайды будут перелистываться (в миллисекундах);
3. «Скорость анимации (в миллисекунах)» – задаешь скорость анимации, то есть самого перелистывания слайдов;
4. «Не автопролистывать, если на слайдер наведена мышка» – включи данную функцию, если хочешь чтобы слайдер прекращал автопролистывание;
5. «Отключить автопролистывание на мобилках» – включи, если хочешь чтобы автопролистывание не работало на мобилках;
6. «Включить свайп мышкой на ПК версии»;
7. «Отключить свайп на мобилке»;
8. «Бесконечный слайдер» – функция позволяет пролистыванию не останавливаться. Например, например, у вас 3 блока, когда будете нажимать стрелку вперед, слайдер будет переключаться с 3го на 1ый;
9. «Тип управляющих элементов» – из предложенного списка выбери подходящие элементы управления, или скрой все;

10. Настройка стрелки:

• Настройки стрелки – выбери какую стрелку хочешь установить, стандартную или загрузить свою;
• Ссылка на свою стрелку (влево) – данное поле отображается в случае если в предыдущем поле выбираешь вариант «загрузить свою»;
• Ссылка на свою стрелку (вправо);
• Положение стрелок: ←→ Лево право (Растянутые), ↖ Лево Верх (Стрелки рядом), ↗ Право Верх (Стрелки рядом), ↘ Право Низ (Стрелки рядом), ↙ Лево Низ (Стрелки рядом), ↑ Верх (Стрелки рядом), ↓ Низ (Стрелки рядом);
• Положение стрелок на мобилке: ←→ Лево право (Растянутые), ↖ Лево Верх (Стрелки рядом), ↗ Право Верх (Стрелки рядом), ↘ Право Низ (Стрелки рядом), ↙ Лево Низ (Стрелки рядом), ↑ Верх (Стрелки рядом), ↓ Низ (Стрелки рядом);
• Размер стрелки (px);
• Размер стрелки на мобилке (px);
• Размер кнопки (px);
• Размер кнопки на мобилке (px);
• Отступ между собой (px);
• Отступ снизу/сверху (px);
• Отступ слева/справа (px) – положительное значение данного параметра задает отступ для стрелок внутри слайдера, от его края. Отрицательное значение регулирует то, насколько стрелки отодвинуты от слайдера к краям окна браузера.
• Непрозрачность фона (%);
• Непрозрачность фона при наведении (%);
• При наведении увеличение;
• Цвет фона;
• Цвет фона при наведении;

11. «Скрыть на мобилке» – функция позволяет скрыть полностью элементы управления на мобилке;

12. Настройки точек:

• Настройки точек – выбери стандартные точки и загрузи свои;
• Ссылка на свою активную точку – данное поле отображается в случае если в предыдущем поле выбираешь вариант «загрузить свою»;
• Ссылка на свою неактивную точку;
• Размер активной точки (px);
• Размер неактивной точки (px);
• Радиус закругления точки (%);
• Цвет фона;
• Цвет фона активной точки;
• Толщина обводки (px);
• Цвет обводки;
• Цвет обводки активной точки;
• Непрозрачность активной точки (%);
• Непрозрачность неактивной точки (%);
• Черно-белый фильтр активной точки;
• Черно-белый фильтр неактивной точки;
• Положение точек: ↖ Лево Верх, ↗ Право Верх, ↘ Право Низ, ↙ Лево Низ, ↑ Верх, ↓ Низ;
• Положение точек на мобилке: ↖ Лево Верх, ↗ Право Верх, ↘ Право Низ, ↙ Лево Низ, ↑ Верх, ↓ Низ;
• Отступ между собой (px)
• Отступ снизу/сверху (px)
• Отступ слева/справа (px)
• Отступ снизу (px)<640px
• Отступ сверху (px)<640px
• Отступ слева/справа (px)<640px

13. «Скрыть на мобилке» – функция позволяет скрыть полностью элементы управления на мобилке;

Имей в виду:

• Модификация работает только с блоками ST300, ST305N, ST310N, ST315N
• Товары должны быть добавлены через каталог