fbpx

Dynamic Loop Builder

In this article we will show you how to make our own loop layout using the Dynamic Loop Builder.   
You can use any of the the dynamic widgets in the dynamic loop category inside of the widget library:

  1. Template Grid
  2. Template Carousel
  3. Template Tabs
  4. Template Accordion
  5. Template Slider

Step 1

Install one of the Dynamic Loop Widgets for example the “Dynamic Template Grid” widget from Unlimited Elements widget library.

Step 2

Create the loop template by going to Templates >> Theme Builder >> Single Post >>
Click on the button “ADD NEW SINGLE POST”

Step 3

Give the single post template a name and click the button “CREATE TEMPLATE”

Step 4

Close the template library by clicking on the “X” to start a blank grid item template.

Step 5

Click the settings button and the “Preview Settings” section. Then choose a sample post. This post will be used to show the data of the grid item inside the Elementor builder. 
Don’t forget to click the “APPLY & PREVIEW” button to view  your changes.

 

*Remember we are designing just one item of the whole grid right now which will repeat itself dynamically.

Step 6

Drag and drop dynamic fields from the widgets pane to the canvas to design your custom item. When you finish don’t forget to click the “UPDATE” button to save. Now you can exit back to the WordPress dashboard using the hamburger menu icon. 

Step 7

Add the “Dynamic Template Grid” widget to any page or archive template using drag and drop. 

Step 8

In the widget settings choose the template you created earlier as a single post template.

Step 9

Under the “Item Posts Query” section filter the posts you want to show with the new grid you created.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!