The Dynamic Post Popup Widget will let you dynamically create a popup to add a quick view of the post without leaving the page. Use an Elementor single post template to create the layout of the dynamic popup. It comes with advanced posts query options that will give you full control to filter your products exactly the way you want.
Let’s look at each of the options in the “Dynamic Post Popup Widget” below.
Install Dynamic Post Popup Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Dynamic Post Popup”
- Hover over the widget in the search results and click install
- Add your “Dynamic Post Popup” widget to any Elementor Page
General Settings #
Choose Template
Choose any of premade template.
Close Icon
Choose icon for close button.
Vertical Alignment
Set the vertical alignment of popup.
- Start
- Center
- End
Horizontal Alignment
Set the horizontal alignment of popup.
- Start
- Center
- End
Z-Index
Set the z-index of post popup.
Open Link in Parent Window
Turn on to open link in parent window.
Show Arrows
Show/Hide the arrows.
Next Post Arrow
Choose icon for next post arrow.
Previous Post Arrow
Choose icon for previous post arrow.
Posts Query Setting #
Posts Source
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Include By
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- Author
- Date
- Post Parent
- Post Meta
- Current Page Terms
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
- Terms from dynamic field
- Terms from current Post data
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
- Include By Terms Relation
- Include Terms Children
Exclude By
Choose specific posts that you would like to exclude from your selection by adding rules.
- Terms
- Current Posts
- Specific Posts
- Author
- Posts Without Featured Image
- Posts with current category
- Posts with current tags
- Offset
- Avoid Duplicates
- ID's from Dynamic Field
To know more about post query setting, please visit our article on Advanced Post Selection
Posts Pagination and Filtering #
Pagination
Display the pagination for your post popup
- None
- Numbers
- Using Pagination Widget
Enable Post Filtering
When turned on you can use all the post-filter widgets like tab filters, load more and infinite scroll.
Filters Behaviour
- Ajax
- Ajax and URL change - Will change the URL each time the filter changes and add the possibility to use browser back navigation.
Learn more about the different Ajax filters that can work with the Post Tile in the links bellow:
Dynamic Post Popup Widget Styling #
A lot of styling options are provided to control every aspect of the widget’s appearance. Modify the colors to match your site’s look and feel. You can customize every single detail to perfectly blend with your website design.
Overlay Styling #
Set the overlay background, background image, and padding.
Popup Styling #
You can set the popup width, height, border, radius, padding, and background color.
Close Icon Styling #
Set the close icon size, color, horizontal and vertical snap, horizontal and vertical offset, background, and radius.
Arrows Styling #
In this section, set the arrows background size, color, radius, vertical and horizontal positioning.
Usage Examples #
Here are some live use cases for the Dynamic Post Popupd Widget.
