Как настроить показ виджета при клике по элементу (кнопке, ссылке, картинке и т.д.)

Если вы хотите, что бы виджет показывался при клике по любому элементу на странице, например, ссылке, кнопке или изображению, вам следует выполнить следующие шаги:


1. Активируйте правило в настройках виджета


Image 52


2. Скачайте и установите расширение для Google Chrome Selector Gadget


Это расширение поможет определить CSS селектор любого элемента на странице


3. После установки, нажмите на значок расширения и активируйте его


Image 53


После активации вы увидите, что любой элемент на странице можно выделить. После выделения нужного элемента и клика по нему, в правом нижнем углу появится его CSS селектор.


Image 54


Обратите внимание на значение Clear(6), оно обозначает, что на странице найдено несколько элементов с данным CSS селектором, в нашем случае это 6 кнопок (все они будут выделены желтым цветом). Если вы хотите, что бы ваш виджет показывался при клике только по одному определенному элементу, достаточно кликнуть по остальным, они станут красного цвета, а нужный нам элемент станет зеленым.


4. Скопируйте CSS селектор в поле настройки правила и сохраните виджет


Image 55


Все готово.

This article was helpful for 13 people. Is this article helpful for you?