How to Build a Loop Grid on Elementor
Learn how to build a loop grid on elementor so you do not have to duplicate elements multiple times and it just uses a template.
In a Loop Grid, queries are employed to precisely choose the content you wish to showcase in your loop. This, coupled with various design possibilities, renders the loop grid an incredibly versatile tool.
In the following example, we will guide you through the process of crafting a basic query, illustrating how the query system operates.
Building the Query
In this scenario, we will be modifying a loop established on a blog utilizing our website kit – The Adventurers. We have incorporated categories and tags into the posts and saved the loop. Now, as we return to edit the page, our objective is to construct a query ensuring that the loop exclusively showcases posts related to budget-friendly travel.
1) Select the Loop Grid. In general, it’s easiest to access the loop grid using the Navigator.
2) Select the query menu
3) Since we want to create a loop with posts, we’ll leave Source set to its default setting of Posts.
4) We’re looking to include posts so we’ll leave the toggle on Include.
5) Click the Include by text box and you’ll be presented with two choices – Term and Author. Selecting Author will open up a text box where you can type in the name of the author you would like to select. Selecting Term will open up a text box, allowing you to select categories, tags or, if you have custom post types, other properties.
6) Select Term since we’re looking to include posts by category and tag (you can also select both).
7) Now we need to select our terms. Since we’re looking for posts about budget travel, we’ll filter for posts that were marked with the category Travel and tagged as Budget when they were created.
8) Start typing the word Travel in the Term text box. Notice that as you type a dropdown will present you with a list of terms matching your parameters.
9) Start typing the word Budget in the Term text box. Notice that as you type a dropdown will present you with a list of terms matching your parameters.
10) Our loop only shows the posts fitting our conditions.