Tilda zero block аккордеон

Как Создать Аккордеон Из Zero Блоков На Тильда, Александр А

Источник

Как сделать выпадающий список аккордеон в ZeroBlock

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock’e.

Начнем с создания ZeroBlock’a.

Нажимаем редактировать ZeroBlock .

Добавляем HTML . Открываем и вставляем в него код.

Сохраняем, выходим, добавляем блок TX16N . Его можно найти в поиске или в разделе Текстовый блок.

Настройки для блока TX16N :

— Ширина — 6 колонок
— Отступ слева — без отступа
— Отступ снизу и сверху — не задан

Далее добавляем HTML на страницу в разделе Другое. Блок T123 .

Да ладно, расслабься я пошутил, не надо переписывать код ручками.

Далее нам нужно заменить два ID. Это ZeroID и AccoRD .

Id блока можно найти, просто зайдя в настройки нужного блока и пролистав в самый низ.

Если вы сделали все правильно, то у вас должно получиться вот так:

На этом все, дальше стилизуйте блок как вашей душе угодно.

Источник

Как создать Аккордеон из Zero блоков на Тильда

Показувати елементи керування програвачем

• Опубліковано 9 тра 2020
• В этом видео вы научитесь создать Аккордеон из Zero блоков на Тильда
  Код здесь copilp.ru/raskryvay-zero
  Готовые дизайны сайтов copilp.ru/shabloni
  Если материал оказался полезным не забудьте поставить палец вверх и поделиться этим видео.
  Регистрируйтесь на лучшем конструкторе для создания сайтов Tilda vk.cc/9e6rq3
  Ссылка на это видео: ua-cam.com/video/n3sEKJjlONo/v-deo.html
  Заказать сайт или доработку сайта на Тильда, пишите в ВК
  _________________________________________________________________
  Я в контакте 1antipin
  Поддержать автора канала можно здесь:
  Яндекс-кошелёк: 410014517715632
  За ранее спасибо.

КОМЕНТАРІ • 0

Скажите, пожалуйста почему у меня контент раскрывается и сразу закрывается? В чем может быть причина

Добрый день!
Скорее всего вы где то допустили ошибку(
Нужно проверять всё настройки.
Как вы можете видеть, всё работает правильно copilp.ru/raskryvay-zero

спасибо за видео! у меня возникает проблема с раскрывающимся блоком. я использую стандартный — SV203. и при клике на кнопку он раскрывается некорректно. с чем это может быть связано?

Здравствуйте!
К сожалению я использовал данный скрипт только с зеро блоками (на что он и рассчитан)
По этому не могу сказать какие могут быть проблемы использования стандартных блоков.
Вы можете поискать решение вот тут mo-ti.ru/ может что то нужное для вашего проекта найдёте.

Благодарю за полезное видео!

Я не пойму 3.26 минута , от куда это копируется из кода, где этот код искать?

Вот тут copilp.ru/raskryvay-zero нажмите кнопку КОД ЗДЕСЬ и он ниже откроется.
А в кнопке вставляете эту ссылку #accord

Спасибо большое! Но Добавляя больше 3- х блоков почему-то не раскрываются дополнительные. Подскажите, пожалуйста, почему такое может быть?

Добрый день!
Как вы можете посмотреть на сайте copilp.ru/raskryvay-zero работает 5 раскрывающих зеро.
Скорее всего где то есть ошибка в тех настройках что делали вы.
Я не смогу найти ошибку на увидев как вы всё настроили к сожалению.

Все, спасибо, разобралась. Скопировала скобки из кода вашего и все получилось.

Здравствуйте, благодарю за видео. Подскажите пожалуйста я создала аккордеон, но после опубликования он не открывается, я удалила, сделала заново, теперь даже аккордеона не вижу. действия делаю в аналогичной последовательности, как на видео. Кодов на странице больше нет

@Александр А я итого по комментариям ответ нашла.заработало. благоадрю🙂

Здравствуйте!
Я смогу подсказать причину или ошибку только увидев как вы всё настроили. Как вы можете посмотреть на сайте copilp.ru/raskryvay-zero всё работает

Респект за урок. Подписка!

Добрый день! Можно ли сделать аккордеон в попап окне зеро блок? Подскажите пожалуйста

@Александр А Спасибо!

Здравствуйте.
К сожалению нет.

Александр, добрый день! Спасибо огромное, это просто супер!
Только столкнулась с такой проблемой — в раскрывающемся блоке не отобразились картинки после того как опубликовала. Почему такое может быть?

@Александр А Спасибо! сразу все стало отображаться.

Здравствуйте!
У картинок нужно отключить планую прогрузку, в настройках картинки выключите Lazyload и картинки будут прогружаться

Здравствуйте, спасибо большое за видео! У меня аккордеон сложился, но при нажатии на кнопку почему-то не открываются блоки( я 6 блоков добавил. Что может быть не так?

@Диана Сигаева решил, но по другому, напишите автору во вконтакте

Здравствуйте, вы решили задачу? сейчас столкнулась с аналогичной ситуацией

Спасибо, Вам, очень помогли)

А по тексту как сделать?

Здравствуйте, а по тексту есть стандартные блоки TX16N и TX16N2

Александр, спасибо огромное.

МОЁ УВАЖЕНИЕ!! очень помогло с 1 задачей )

Доброго времени, Александр! Спасибо огромное! Даже благодаря *заминкам* узнаёшь много нюансов!
Есть *небольшой* вопросик . пытался совместить два ваших урока — ставить *аккордеон* в PopUp . при нажатии на разворот PopUp тут же сворачивается (но при повторном открытии блок сразу же открыт)
Не подскажите как обойти это?

Здравствуйте!
К сожалению не смогу в этом случае вам помочь, вряд ли так получится сделать, для такого эффекта нужно писать индивидуальный скрипт, a я не пишу, я пользуюсь скриптами которые в открытом доступе.

Спасибо за инструкцию. Вопрос: а можно сделать так, чтобы первый контентный блок был развернут, а потом была бы возможность по клику его свернуть?

@Александр А Да, я понимаю. Но может у кого-нибудь найдется решение)

К сожалению нет. этот скрипт в открытом доступе и я просто записал инструкцию, не я писал скрипт.

очень помогли, благодарю Вас!

привет, да все работает, но вот ложечка дегтя с плюсиком — если тыкать при открытом блоке на другой блок, то плюсик так и остается крестиком.. анимация не срабатывает

Привет!
Уже был этот вопрос, этот скрипт в открытом доступе от mo-ti не я его писал, я просто записал видео инструкцию.
Тут уже выбор за вами, пользоваться им или нет.

Спасибо. Очень помогли.

Благодарю, Александр! 🙏😊 Скажите, пожалуйста, как сделать, чтобы первый блок не закрывался при открытии второго?

Если еще нужно пишите)

Здравствуйте, к сожалению в этом скрипте нет такой функции.

Для меня аккордеон не работает нормально, если заголовок не участвует в раскрытии гармошки. Адаптировала ваш код.
1. Добавляем в заголовки тот же линк, что и в кнопки (#accord)
2. В строке кода с ID зеро блоков номера блоков должны дублироваться (одно ID на кнопки и дубль на заголовок).
var accordContent = [«#rec242925490″,»#rec242925490»]
Замечание — ID должны быть по порядку, нельзя последний раскрывающийся блок указать первым, иначе он будет работать на первом заголовке, а не на последнем.

С дублями стало работать, но частично — первый блок не открывается, остальные 2 работают. Непонятно)

@lunadron да уже убедился, спасибо что писали об этом, так бы не знал и не догадался, что нужно дублировать

@Mikhail Dyachenko порядок тоже вроде должен быть не важен, но иначе не работает корректно. Как и без дублей.

я конечно не проверял, я сейчас просто шейпом покрою , т.к. хочу еще анимацию sbs по ховеру иконки сделать, но сам факт , что нужно дублировать id кнопки и блока очень странная штука, мне кажется это лишнее) хотя всё может быть))

спасибо! а я никак не могла понять, почему у меня не работает. воспользовалась вашим способом и все получилось!

@Александр А, добрый день!
Спасибо за скрипт — он огненный!
Столкнулись с такой загводздкой — если поместить в зеро блок слайдер, то он не отображается. Отображаются только стрелки вправо/влево (и то сперва они не по центру слайдера, и только при нажатии на них улетают на срединную линию слайдера. но фото так и не отображает). Не сталкивались с такой проблемой?

у меня то же самое((не знаю что делать

Александр, большое спасибо за видео. Очень полезно.
Есть вопрос: у меня все получилось, но по какой-то причине, при скролле вниз, списки открываются сами. После нажатия на любой список, все сворачиваются и повторно открывается тот, на который нажал. Если уйти с этого блока и потом снова вернутся, то списки снова будут открыты — www.dropbox.com/s/rm6y6nvrw6vjmpv/Video%2005.10.2020%2C%2023%2054%2057%20%281%29.mp4?dl=0
Данный функционал задействовал только для моб версии. Не подскажете с чем это может быть связано?

@Alexey Kalashnik неа(( пробовал все снести и настроить повторно, но ничего не получилось.
Скорее всего где-то конфликт, тк помимо этого скрипта есть ещё другие, на разных страницах с разным предназначением

Такая же проблема. Удалось её как-то решить?

Источник