How to set up and style the Filter Load More widget in Elementor.
Filter Load More adds a load more button or infinite scroll for a Loop Grid, placed anywhere on the page, for example under a sidebar layout. It follows the filters in use.
Part of: Bright Addons Pro. Before you start: A Loop Grid or Loop Carousel with a Query ID on the same page (Bright Addons Pro).
| Option | What it does |
|---|---|
| Connect to Query ID | The Query ID of the Loop Grid or Loop Carousel this filter controls. |
| Title | Optional heading above the filter, with Title HTML Tag. |
| Load More With | A button or Infinite scroll. |
| Button Text | Text of the button. |
| Loading Text | Text while the next page loads. |
| Text When Everything Is Shown | Empty hides the widget at the end. |
| Alignment | Left, center or right. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $10 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
typography, color and spacing of the heading.
accent color, space between items, text typography and colors, background, border, radius and padding, with hover and active colors.
No. The connected loop widget loads the new results in place, and the other filters update to match.
No. Use this widget when the button should sit somewhere else on the page, or together with filters in a custom layout.
No. Loop Carousel shows all its items at once, so there is nothing more to load.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guideYearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.