Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Query Loop + Modal: Make entire card clickable to trigger the modal

Home / Forums / Kadence Blocks / Query Loop + Modal: Make entire card clickable to trigger the modal

This topic is: Resolved
[Resolved]
Posted in: Kadence Blocks

Tagged: ,

October 23, 2024 at 10:08 am

Background:
I’m using the Query Loop (Adv) block to create a loop of cards for a custom post type. I added a modal block within each card, which will display the post content (dynamic HTML) for each post within a modal.

Question:
I’d like to link the entire card to trigger the modal, vs just the button opening the modal. I see the “Custom Open ID” (Modal Block -> “Advanced” Tab), but I’d need the modal ID to be dynamic, as the loop content is dynamic. Is it possible to make the entire card trigger the modal vs just the button?

My Kadence site where only the button triggers the modal:

Ideal ref site where full card triggers the modal:

  • The forum ‘Kadence Blocks’ is closed to new topics and replies.