How to show a specific post’s data in a Bricks Popup

How to show a specific post’s data in a Bricks Popup

This tutorial provides the steps to show a specific post’s data like the title, featured image in a Bricks Popup.

Step 1

Go to Bricks → Templates and add a new one of the type ‘Popup’.

Edit it with Bricks and in its settings → Template Settings → Popup, enable “Fetch content via AJAX”.

In the CONDITIONS controls group, specify where the Popup should appear.

Ex.:

Add a Container and any other desired elements.

Map the elements to dynamic data.

You may want to populate the content with the post whose data you want to show in the popup.

Step 2

Edit the Page where you would like to show the Popup with Bricks.

Add a button and add an Interaction for showing your Popup.

Specify the ID of the post whose data should be shown in the Popup in the Context ID control.

That’s it! Test the popup on the front end.

Get access to all 524 Bricks code tutorials with BricksLabs Pro

Leave the first comment

 

Related Tutorials..

Pro
Dynamic URL Parameter Post Popups in Bricks

Dynamic URL Parameter Post Popups in Bricks

Bricks 1.9.4 added AJAX support for Popups via its Popup Builder. popupContextId can be now set in bricksOpenPopup() which means a popup can be set…
Categories:
Tags:
Pro
Post-specific Dynamic Info Popup in Bricks

Post-specific Dynamic Info Popup in Bricks

This Pro tutorial provides the steps to show post-specific data (post title and post content) in a popup using Bricks' Popup Builder and Interactions features.…
Categories:
Pro
Showing a Popup conditionally in Bricks based on Query Parameter

Showing a Popup conditionally in Bricks based on Query Parameter

Here's two ways a Bricks Popup can be shown on page load depending on URL parameter value.
Categories:
Tags: