TGViewer
Нолим Нолим @nolimcorp · 5.02K subscribers
Post #2443 1.58K
🔄🔄🔄 Готовим к релизу новый мод – аккордеон в Zero блоке.

Сейчас фиксим последние баги и хотим перед выпуском свериться с вами: ничего ли не забыли по настройкам?

Суть простая: вы собираете свой аккордеон в Zero Block из автолейаутов, в 1, 2 или 3 столбца в раскрытом виде, а мод автоматически собирает его в закрытый аккордеон.

Что уже есть:

🔵Поддержка вложенного аккордеона второго уровня
🔵Открытие только одной карточки или нескольких сразу
🔵Открытие конкретной карточки при загрузке страницы
🔵Открытие по клику или по наведению
🔵Клик по всей карточке или только по отдельной зоне
🔵Автоскролл к открытой карточке с настройкой позиции и отступа
🔵Хэш-ссылки на конкретные карточки, например site.ru/page#faq-1
🔵Отдельные кнопки «Открыть все» и «Закрыть все»
🔵Отдельные элементы для открытия и закрытия карточки
🔵Одна кнопка может раскрывать сразу несколько карточек
🔵Сохранение открытой карточки после обновления страницы или перехода между страницами


Анимации:

🔵Несколько пресетов раскрытия
🔵Настройка скорости анимации
🔵Настройка плавности движения
🔵Плавное появление контента
🔵Сдвиг контента при раскрытии
🔵Эффект стопки карточек
🔵Корректная плавность для вложенного аккордеона


Стилизация карточек:

🔵Цвет фона неактивной вкладки
🔵Цвет заголовка неактивной вкладки
🔵Цвет и толщина рамки неактивной вкладки
🔵Скругление всех углов сразу у неактивных карточек
🔵Отдельная настройка каждого угла у неактивных карточек
🔵Автоматический расчет высоты и отступов на разных разрешениях
🔵Поддержка элементов ниже аккордеона без ручной подгонки


Стилизация иконки:

🔵Поворот иконки при раскрытии
🔵Скорость анимации иконки
🔵Фон иконки в обычном состоянии и при наведении
🔵Цвет и толщина рамки иконки
🔵Скругление иконки
🔵Возможность использовать свою иконку для закрытого и открытого состояния


Дополнительно:

🔵Поддержка видео внутри карточек
🔵Настройка поведения видео при открытии и закрытии
🔵Работа с анимацией элементов внутри Zero Block, проигрывать один раз или при каждом открытии
🔵Поддержка адаптива, мобильных версий и нескольких колонок
🔵Автоопределение верстки: Autoscale, Grid или Window


Отдельно думаем над SEO-настройкой: чтобы контент внутри закрытых карточек оставался в HTML страницы и мог индексироваться поисковиками.

Посмотрите свежим взглядом: все ли нужные настройки здесь есть, или чего-то не хватает для реальных проектов?
  • 🔥 30
  • ❤ 6
  • 🙏 1
  • 🤣 1
More from @nolimcorp
  1. Sep 24, 2026🔥 Кредиты на ИИ-генерации дешевле до 33% До 1 октября распродажа пакетов кредитов в Нолим…
  2. Sep 10, 2026🆕🆕🆕🆕🆕🆕 Нолим AI сильно обновился. Собрали главное, что появилось за последнее время.…
  3. Jul 30, 2026#Вакансия в Нолим ➡ Ищем менеджера по работе с блогерами с опытом продаж или партнерок под…
  4. Jul 6, 2026Ищем блогеров к сотрудничеству. Запускаем партнерскую программу для тех, у кого есть актив…
  5. Jun 25, 2026🆒🆒🆒🆒🆒🆒Генерировать картинки стало дешевле! Теперь можно выбирать формат, стиль, каче…
  6. Jun 8, 2026🆕🆕🆕Бесплатный плагин для экспорта адаптивных макетов из Figma в Tilda. Сейчас плагин ра…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →