How can i trigger something placed in the header? is there a way to do it?
The example is this: I’ve got 2 popups (registration/login popups) which are placed in the header.
I want that, in 2 pages in the website, a click on an element triggers the show of those popups. Apparently is not possible, as i can use workflows only on elements in the page, and the header is recognized to be somewhere else.
Is not about the position of the popup in the page. This post is all about workflows and actions, not about frontend.
Let me explain again. As you know, every element is designed inside or a page or a reusable element. In this case, this popup is designed in a reusable element, which is the header. This way, everytime someone click in the header the button ‘‘register’’, the popup with registration form appears. This is what i have, and works pretty well.
The problem occurs when i need to make this popup open not only clicking the register button in the header, but also on an element which is designed inside a specific page.
So you can understand that the trigger is clicking on a button designed in a specific page, but the action is showing an element that is not in the same page, but is in a reusable element contained inside the page.
The problem is that i can make workflows only about the elements inside the current page, but not the ones contained in the reusable element.
Create a custom event in your reusable element (header). Have that event trigger the Show Popup action.
When a reusable element is on a page, you can have a button - on the page - trigger custom events from the RE. The action is under Custom at the bottom of the actions list.