Item Loop Builder

What Is An Item Loop

Item loops can be displayed wherever you display a list of posts/pages/custom post types (called items) e.g. on a category page, a slider, homepage etc.

Creating An Item Loop

  1. Go to Magzine > Website Builder and click Add New.
  2. Give your template a title and from the Template Settings panel on the right select Item Loop from the Type dropdown, click the Publish/Update button to save these changes. Finally click the Edit with Elementor button.
  3. Now you can drag and drop elements from the elements panel on the left into the area marked Drag widgets here.
  4. If you want to work from a prebuilt item loop template, click the Add Template button to load the Library window.
  5. Click the Blocks tab and then select “Archive” from the dropdown menu.
  6. Hover over the desired item loop template and click Insert, if asked to import the document settings select Yes.
  7. The first time you will be asked to link your site to Elementor.com. Just follow the steps and when you’re done the item loop template will be inserted into your page.
  8. Save your template.

Displaying An Item Loop

  1. Go to Magzine > Website Builder and click Add New.
  2. Give your template a title and from the Template Settings panel on the right select Page from the Type dropdown, click the Publish/Update button to save these changes. Finally click the Edit with Elementor button.
  3. From the elements panel on the left select the Items element and drag it over to the Drag widgets here area.
  4. You will now see the settings for the Items element. From the Primary Item Template dropdown menu select the item loop template you created. You can also select a secondary item loop template from Secondary Item Template dropdown menu which will be used to display for all but the first post in your loop.
  5. You now have a list of posts displayed with your item loop design. You can use the same item loop across your whole site based on different post queries. From the Items element click the Queries toggle to change which items are displayed.
  6. Click the Items toggle again and from the Format dropdown menu you can choose how your items are formatted. Once you select a format, click the Style tab at the top to further control the appearance.

And here’s the video…