Вы сможете добавить свою иконку в стандартные блоки аккордеона в Tilda Примеры доступны в оригинале статьи на моем сайте. Данная модификация работает со всеми стандартными блоками типа аккордеон в тильда: Так же добавлена функция изменения цвета заголовка и иконки при наведении и активной вкладки. Для того чтобы получить ссылку на иконку, создайте ZeroBlock, вставьте иконку в поле картинки, вызовите контекстное меню кликом правой кнопки мышки и нажмите «Copy image URL», после скройте блок в настройках.
Лучше берите иконку в формате SVG.
*Настройки помечены комментариями в коде. Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.
Вы сможете добавить свою иконку в стандартные блоки аккордеона в Tilda
Пример
Примеры доступны в оригинале статьи на моем сайте. Данная модификация работает со всеми стандартными блоками типа аккордеон в тильда:
- TX16N2 — блок аккордеон из раздела «Текст»;
- TX16N — блок аккордеон из раздела «Текст»;
- SV501 — блок аккордеон из раздела «Услуги»;
Так же добавлена функция изменения цвета заголовка и иконки при наведении и активной вкладки.
Инструкция
- Копируете скрипт в T123;
- Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
- Ставите нужный блок аккордеона;
- Присваиваете класс «uc-acc-new-ico»;
- Заполняете настройки*;
- Публикуете страницу.
Для того чтобы получить ссылку на иконку, создайте ZeroBlock, вставьте иконку в поле картинки, вызовите контекстное меню кликом правой кнопки мышки и нажмите «Copy image URL», после скройте блок в настройках.
Лучше берите иконку в формате SVG.
*Настройки помечены комментариями в коде.
Код примера
Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.