Как изменить или удалить подсказку у SVG иконок в Oxygen?

У встроенных наборов SVG иконок в Oxygen есть такая особенность — при наведении курсора на иконку, всплывает подсказка с названием иконки, при этом нет возможности изменить текст этой подсказки. А что, если сайт не на английском языке, или вы просто не хотите, чтобы такая подсказка показывалась?

В этой статье я расскажу, как мы можем запросто изменить или вообще удалить текст подсказки у иконок. Для этого понадобится применить небольшой javascript код.

Сначала нужно посмотреть и скопировать текущее имя иконки, т.к. оно нам понадобится для написания кода:

Где посмотреть имя SVG иконки в Oxygen?

Далее, добавьте на страницу компонент Code Block, если он не был добавлен ранее.

В секцию Advanced > Javascript разместите следующий код:

jQuery(document).ready(function($){

	$("svg title:contains('old-title-name')").text("new-title-name");

});

Где значение old-title-name замените на текущее имя иконки, а значение new-title-name замените на новое слово или фразу, которая должна отображаться в подсказке.
Если вы вообще хотите удалить подсказку, то вместо new-title-name оставьте пустое значение:

jQuery(document).ready(function($){

	$("svg title:contains('old-title-name')").text("");

});

Вот так это будет выглядеть на реальном примере:

Замена подсказки у SVG иконки в Oxygen Builder

Пример:

Наведите куросор на каждую иконку и вы увидите изменённый текст всплывающей подсказки (работает только на десктопе)
Если данный трюк вам был полезен, то не стесняйтесь, напишите свой отзыв. Если у вас остались вопросы, то вы можете задать их здесь.
Следите за выходом новых советов и уроков:
exclamation-trianglethumbs-upthumbs-downarrow-up