Loop Grid Widget for Elementor
Effortlessly generate diverse grid layouts from single templates with the Loop Grid widget, providing enhanced design flexibility and customization options for your website.
Custom Item Design
Create Personalized Items with Drag-and-Drop Freedom
Dynamic Content Filters
Let Users Easily Sort and Filter Content
Custom Field Integration
Display Unique Content with Custom Field Support
Advanced Post Query
Make it easier for your website visitors to find what they’re looking for. Easily query and display posts with advanced rules anywhere on your website.
Present posts generated from advanced dynamic include and exclude rules.
Create an archive page or blog page based on the link the user is viewing.
Display a selection of posts that are related or relevant to the currently viewed post.
Choose the specific posts you want to show on the page by name.
Loop Grid Widget Frequently Asked Questions
The Loop Grid widget is a powerful tool for displaying dynamic content in a customizable grid layout. It allows users to create repeating content structures for posts, products, or custom post types using Elementor's Loop Builder. With full control over the layout, styling, and query settings, this widget is perfect for showcasing content in an engaging and organized manner.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search for “Loop Grid” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Loop Grid” widget to any Elementor page.
The Loop Grid widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now
This widget allows you to set a custom item template, ensuring each grid item follows a consistent design. You can create a template using Elementor and apply it to your grid layout. This feature is useful for displaying posts, products, or custom content while maintaining a uniform structure. Adjust colors, typography, and images to match your website’s aesthetics.
Yes, this widget offers two grid types: Regular and Masonry. The Regular grid arranges items in uniform rows and columns, while the Masonry layout adjusts item heights dynamically for a more organic look. Masonry is ideal for showcasing images or blog posts with varying content lengths, providing a visually appealing and modern presentation on your Elementor website.
Yes, you can customize the number of columns in this widget. Whether you prefer a grid with one column or several columns, the widget provides flexibility to suit your design preferences. Adjusting the number of columns allows you to control how many items appear on a row, enhancing the visual flow and usability of your grid layout.
Yes, the widget allows you to show a customized empty message when there are no items to display. You can choose to display text or a custom template in place of empty content. This feature ensures that visitors understand the absence of content, such as no posts or products available, providing a more professional and user-friendly experience.
Yes, this widget supports remote connections. This means you can connect it to other widgets, such as Remote Arrows, Remote Counters, or any other related widgets. This feature enables dynamic interactions between different elements of your site, allowing for a more engaging and cohesive user experience.
Yes, this widget offers the ability to customize the post query. This lets you filter the items displayed in the grid based on specific criteria such as categories, tags, or custom fields. This feature is perfect for showcasing targeted content, whether you're displaying blog posts, products, or any custom post types.
Using the Loop Grid widget is simple. Drag and drop the widget into your Elementor page, configure the query settings to display posts, products, or custom content, and customize the layout to match your design. You can adjust grid settings, enable pagination, and style elements like spacing and typography. Check out our documentation for a detailed guide.
