Новая модификация «Слайдеры для блоков магазина по window контейнеру»
Коротко о модификации:
⚡️Блок со слайдером тянется на 100% ширины экрана на всех устройствах с заданными отступами по бокам (если разбираетесь немного в CSS, то сможете задать фиксированное значение ширины слайдера) ⚡️Любое количество карточек в ряд, хоть 2, хоть 10 ⚡️Кнопки у карточек всегда будут на одном уровне, а не как было до этого, если был разный объём текста, то кнопки могли идти лесенкой ⚡️На одной странице вы сможете добавить несколько слайдеров и они будут нормально работать ⚡️Для каждого слайдера внутри одной страницы вы сможете сделать индивидуальные настройки, например у первого – 6 карточек, а у второго – 4 ⚡️Пока что добавлено 6 видов отображения буллетов, от стандартных точек, до бегущей строки
Ну а лучше всего увидеть своими глазами и применить на своём проекте по кнопке ниже
Добавляем в zero-блоке шейпы или изображения, которые у нас будут вариантами ответа, сколько вариантов, столько и шейпов
Задаем классы этим шейпам. Верный ответ — класс dragtrue, неверный — dragfalse
Создаем область, куда будем перетаскивать наши варианты ответа, это также может быть шейп или изображения, задаем ей класс drag-container
Попапу, который должен появится при перемещении правильного ответа в область задаем класс uc-popuppromocode
Также в моём примере появляется верный вариант ответа, это отдельный шейп, у которого класс true-answer, и кнопка при нажатии на которую открывается повторно попап с промокодом, у которой класс promocode
В коде прописаны дополнительные комментарии, по которым вам будет проще ориентироваться, также есть дополнительная таблица, с помощью которой можете немного расширить функционал кода