help center

Search
Close this search box.
On this page

Build a query with the loop grid

Last Update: January 14, 2024

In a Loop Grid, queries are used to select exactly what content you want to display in your loop. This, in addition to all the design options, makes the loop grid an extraordinarily flexible tool.

In this example, we’ll walk through the process of designing a simple query to show you how the query system works.

Build the Query

For this example, we’ll be editing a loop built on a blog using our website kit – The Adventurers. We’ve added categories and tags to the posts, and then created a loop and saved it, so we’re back to editing the page.   

Now we want to create a query so that our  loop will only display posts having to do with traveling on a budget. 

  1. Select the Loop Grid. In general, it’s easiest to access the loop grid using the Navigator.
    Navigator Build a query with the loop grid 1
    Use the Navigator to access the Loop Grid.
  2. Select the Query menu
    Select the Query menu Build a query with the loop grid 3
    Use the Query menu to filter the displayed items.
    Leave as posts Build a query with the loop grid 5
  3. To create a loop with posts, leave Source set to its default setting of Posts.
    Leave as include Build a query with the loop grid 7
  4. To include posts, 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 to include posts by Category and Tag (you can also select both).
    Category and Tag Build a query with the loop grid 9
    Use the Include by text box to decide if you’re filtering by term, author or both.
  7. Since we’re looking for posts about budget travel, filter for posts that were marked with the category Travel and tagged as Budget when created. 
  8. Start typing the word Travel in the Term text box. Notice that as you type, a dropdown will present 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 a list of terms matching your parameters.
    Category and Tag 1 Build a query with the loop grid 11
    Filtering for articles in the Travel category with the Budget tag.
  10. The loop only shows posts fitting our conditions.
Filtered posts Build a query with the loop grid 13
The posts meeting our criteria are displayed.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!