1 мин

Магазин

Light

5

Этот скрипт позволит тебе сделать видео для твоих карточек товаров и блоков магазин при наведении на карточки.

Как сделать видео в карточках товаров для Тильды?

(cвернуть)
Инструкция
vcount

1. Никаких особых настроек не требуется просто добавь мод твоего блока раздела магазин и укажи id в генераторе мода

2. После этого для нужных тебе позиций товара в каталоге создай два фото и для второго выбери видео и вставь ссылку вот так =>

3. Если тебе нужно сделать чб фото и цветноепри наведении, то отметь соответствующий пункт

4. Если будешь делать счётчик слайдов, то создай текстовый блок и задай ему css класс vcount (Также обязательно оставь пункт показывать точки навигации включенным. Если они тебе не нужны, то просто не создавай для них html-элемент)

5. Размести внизу страницы все остальные зероблоки, которые будут слайдами (их ширина в слайдере будет равна ширине html-элемента слайдера, деленая на количество показываемых слайдов)

6. Если у тебя слайдер с autoscale или не на весь зероблок (100% по ширине по window container), а лишь на его часть, то задай элементам в слайдах выравнивание container window и left top. А также убери для контента отступы слева и сверху, чтобы слайды были прижаты вбок вот так. Иначе все сместится вправо! Просто выдели все элементы и сделай всё как в подсказке тут =>

7. Укажи rec-id всех зероблоков (или стандартных блоков), которые должны быть слайдами через запятую и пробел (без кавычек!)

8. Если будешь использовать автоскейл, то включи его только в самом зеро, в котором у тебя будет слайдер

9. Выбери все нужные тебе функции в генераторе кода и в дополнительных настройках и полученный код вставь в блок т123 сразу после последнего слайда

10. Если хочешь вставить на страницу 2-й и последующие слайдеры, то укажи в генераторе кода порядковый номер слайдера, чтобы отвязать его от остальных и повтори пункты 1-10

11. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"

– Если в настройках блока магазин выбрать "показывать второе фото при наведении", то в некоторых случаях это фото может быть показано до того как видео загрузится


– Для более плавного визуально эффекта можно сделать фото к которому привязываем видео по первому кадру видео для плавного перехода

Важно!

undefined
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
Уверенным пользователям, которые каждый день зарабатывают на создании и верстке сайтов
Всё, что во Free и Pro на 1 месяц
и еще:
Pro на 1 год
2 990 ₽
1400 ₽ — ваша выгода
Всё, что во Free
и еще:
У кого пока непрогнозируемая рабочая загрузка и расширение нужно только 
в определенное время
Pro на 1 месяц
390 ₽
Для знакомства с сервисом и тестирования бесплатного функционала
Free
Этот мод доступен на PRO тарифе
Приоритетная поддержка
~50 новых модификаций, которые планируем выпустить в течение года
Обновления библиотеки с учетом изменений Tilda
ИИ-помощник с базовыми моделями
Возможность голосовать за новые моды и закрытый чат (скоро)
undefined
~25 Pro-модификаций
Генератор CSS
Распознавание блоков
Показать блоки т123
Автосохранение Zero-блока
Подсветка кода в т123
undefined
undefined
~20 бесплатных модификаций
Темная тема для Tilda
Кнопки быстрой публикации
Настройки меню в редакторе
Никаких автоплатежей
 
123
Увидеть пример работы модификации ты можешь на моей главной страничке при наведении на любые карточки модов
Примеры работы модификации