Как в Тильде добавить свою иконку в аккордеон?

Вы сможете добавить свою иконку в стандартные блоки аккордеона в Tilda

Пример

Примеры доступны в оригинале статьи на моем сайте. Данная модификация работает со всеми стандартными блоками типа аккордеон в тильда:

1. TX16N2 — блок аккордеон из раздела «Текст»;
2. TX16N — блок аккордеон из раздела «Текст»;
3. SV501 — блок аккордеон из раздела «Услуги»;

Так же добавлена функция изменения цвета заголовка и иконки при наведении и активной вкладки.

Инструкция

1. Копируете скрипт в T123;
2. Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
3. Ставите нужный блок аккордеона;
4. Присваиваете класс «uc-acc-new-ico»;
5. Заполняете настройки*;
6. Публикуете страницу.

Для того чтобы получить ссылку на иконку, создайте ZeroBlock, вставьте иконку в поле картинки, вызовите контекстное меню кликом правой кнопки мышки и нажмите «Copy image URL», после скройте блок в настройках.

Лучше берите иконку в формате SVG.

*Настройки помечены комментариями в коде.

Код примера

Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.

Ссылка на оригинал статьи