How to Import Elementor Loop Grids and Loop Items
Loop Builder splits a listing into two parts: the loop ITEM (the repeating card) and the loop GRID (the section that queries content and repeats the item). Snapelement grids ship as bundles containing both files plus written instructions, because the import order matters: the item must exist before the grid can select it.
- 1
Download the bundle
On a loop grid's page, click Download Bundle. The ZIP holds the grid section, its matching loop item, and INSTRUCTIONS.txt with the exact query configuration preset in the grid. Loop items downloaded on their own import the same way as step 2.
- 2
Import the loop item FIRST
WP Admin, Templates, Saved Templates, Import Templates: choose the item-*.json file. It files itself under Loop Items because the export carries the loop-item type.
- 3
Import the grid and connect it
Import the grid-*.json the same way, drop the section into your page from the library's Saved tab, select the Loop Grid widget, and under Layout choose the loop item you imported. The grid fills with your real posts or products.
- 4
Adjust the query if needed
The grid ships with a preset source (latest posts, products, or portfolio), column count, items per page, and pagination, all documented in the bundle's INSTRUCTIONS.txt. Change any of it in the widget's Query and Layout sections.
Troubleshooting
The grid shows nothing after import
The grid has no template selected yet. Select the Loop Grid widget and pick your imported loop item under Layout, then confirm the Query source matches the content you want (products need WooCommerce active).
Product cards show no price or cart button
Product loop items use WooCommerce widgets; they render only when the grid's query source is Products and WooCommerce is active.
The item looks unstyled inside the grid
Loop items carry their own CSS. Open the loop item once in the editor and click Update to regenerate its stylesheet, then reload the page with the grid.
Browse every template this guide covers:
Loop Grids →