Меню для интернет-магазина на Тильде: стандартный блок ME500 или Zero Block?
Автор: Nolim
Загружено: 2025-11-24
Просмотров: 396
Во втором выпуске разбираем, где лучше создать меню для интернет-магазина: в стандартном блоке Тильды ME500 или Zero Block. Сравниваем возможности и показываем, как использовать модификации Нолим для уникального дизайна меню на Tilda.
А ниже для вас — полезные ссылки на модификации из ролика:
NLM068 / Меню второго уровня из любого блока: https://nolim.cc/second-level-menu?ut...
NLM243 / Сдвигающийся баннер в Зеро блоке: https://nolim.cc/dynamic-height-banne...
NLM009 / Фиксированное меню из Зеро блока: https://nolim.cc/fixed-zero-block?utm...
NLM010 / Корзина в меню из Зеро блоке: https://nolim.cc/cart-zero-block?utm_...
NLM065 / Избранное в меню из Зеро блоке: https://nolim.cc/wishlist-in-zero-men...
NLM169 / Поиск в меню из Зеро блоке: https://nolim.cc/search-in-zero?utm_s...
T1093 / Как сделать свое всплывающее окно из Зеро блока
ME500 / Меню интернет-магазина с каталогом и поиском
AI-ассистент от Нолим: https://nolim.cc/ai-assistent?utm_sou...
◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾
Промт для создания анимированной иконкой при наведении на свою кнопку каталога. Просто подставьте — ссылки на свои SVG-иконки их размеры, цвета, класс кнопки меню и ID блока и отправьте запрос в AI-ассистента.
Вводные данные и детали задачи:
• ID блока меню 2-го уровня:
• Класс для кнопки меню 2-го уровня:
• Ссылка на иконку в статичном состоянии:
• Ссылка на иконку при наведении:
• Размер иконки по ширине/высоте в пикселях:
• Размер фона иконки по ширине/высотев пикселях:
• Цвет фона иконки:
Функционал, который требуется реализовать:
1. Когда меню 2-го уровня видим на странице, в кнопке показывается активная иконка.
2. Когда целевой блок скрыт (например, display: none, opacity: 0, visibility: hidden), в той же кнопке показывается статичная иконка
3. Всё должно работать без задержек (использовать MutationObserver, отказ от setInterval).
4. Внутрь кнопки не должно добавляться новых элементов — меняется только содержимое span class="tn-atom__button-icon".
◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾
00:00 Начало
00:45 Меню второго уровня из зеро блока
03:19 Сдвигающийся баннер
04:13 Фиксированное меню
04:58 Корзина и избранное в зеро блоке
10:06 Popup пустой корзины и пустого избранного
11:15 Поиск из зеро блока
13:13 Анимация иконки в кнопке при наведении на каталог
15:23 Стандартное меню МЕ500, МЕ500А, МЕ500В
#tilda #тильда #меню #интернетмагазин #лайфхаки #ux #tildahacks #popup #фиксированноеменю
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: