What does the Element Exists jQuery Selector rule do?
The Element Exists jQuery selector lets you show the lightbox only if a particular element exists on the page in question. The easiest way to implement this is by targeting "id" or "class" names using the syntax below:
Notice the use of the "#" symbol and the "." period? That is how to target an "id" and "class" using jQuery selectors.
So, if you wanted to show the lightbox only on pages with the container class
your rule would look like this
Or, if you want to show the lightbox only on pages with the navigation_wrapper id
your rule would look like this:
You can also identify a CSS element to trigger this rule. To do so, just follow these steps.
Using Google Chrome, right click on the button you want to add the Lightbox to, and select Inspect Element.
Right Click on the Highlighted section and click "Copy CSS Path"
Back in Digioh and paste the CSS Path in the "Value" option, then save your rule.
The Element Exists jQuery Selector rule makes it easy to show the lightbox only on pages with a specific section of code on them. You can use this rule to only show the lightbox on pages that run a specific ad, have a specific form on them, or pages that are running any other piece of code you might be using.