Показать случайный блок при нажатии на кнопку в Tilda
С помощью данной модификации вы сможете настроить отображение случайного (рандомного) блока при нажатии на кнопку
Пример использования данной модификации вы можете увидеть, нажимая на кнопку ниже ↓
Первый блок
Второй блок
Третий блок
Инструкция по установке модификации
1. Создайте блоки, которые после установки модификации должны быть скрыты (а один из них, случайный, будет открываться при нажатии на кнопку);
2. Создайте кнопку и задайте ей ссылку через #;
3. Введите номера блоков в генератор кода (через запятую, после запятой — пробел, как в примере; после номера последнего блока пробела или запятой быть не должно!);
4. Укажите ссылку на вашу кнопку в генераторе кода;
5. Скопируйте код и вставьте его на свою страницу в блок T123;
6. Переопубликуйте страницу.
Перед использованием кода, настоятельно рекомендую ознакомиться с дополнением к инструкции!!!
Дополнение к инструкции
- Если вы используете zero-блоки с картинками в данной модификации, то у картинок из ваших блоков необходимо выключить LAZYLOAD (должно быть установлено значение «off»).
Нажмите сюда, чтобы увидеть пример
- Если вы используете блоки из библиотеки блоков Tilda, вам необходимо выключить LAZYLOAD изображений на всём сайте (Настройки сайта → Ещё → Поставьте галочку на значении «Выключить Lazy Load изображений» → Переопубликуйте все страницы вашего сайта).
Нажмите сюда, чтобы увидеть пример
- Если вы хотите, чтобы при нажатии на кнопку происходил скролл до случайно открытого блока, поставьте все блоки из модификации друг за другом, а перед первым из них добавьте якорную ссылку (ссылка такая же, как у вашей кнопки!).
<script> /*Показать случайный блок при нажатии на кнопку в Tilda: https://vladislav-land.ru/randomblock*/ $(document).ready(function() { $('#rec550469076, #rec550470622, #rec550471013').addClass('vladislavlandrandomblock').hide(); function getRandomInt(max) { return Math.floor(Math.random() * Math.floor(max)); }; function showRandomBlock() { let blkSts = getRandomInt($('.vladislavlandrandomblock').length); $('.vladislavlandrandomblock').hide(); $('.vladislavlandrandomblock:eq(' + blkSts + ')').show(); }; $('a[href="#vladislavland"]').click(function(e) { e.preventDefault(); showRandomBlock() }); }); </script> К сожалению, видеоинструкция пока недоступна. Но я уже работаю над ней, поэтому она появится здесь в ближайшее время 😉
А если у вас что-то не работает и нужна помощь, пишите в мой чат, помогу
Видеоинструкция
Нужна уникальная модификация?
Просто заполните форму и я свяжусь с вами
Там я делюсь полезной информацией и бесплатно учу дизайнеров продавать на высокие чеки
Подпишитесь на telegram-канал Vladislav Land, чтобы всегда быть в курсе всех обновлений
