BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Pro feature

Loop Builder for Elementor Pro

Design one card and use it for every post or product.

Overview

What Loop Builder does

The Loop Builder in Bright Addons Pro adds the Loop item template type to the Theme Builder. Design one card with Elementor, dynamic tags and the post widgets, then show it for every post, product or custom post with the Loop Grid and Loop Carousel widgets.

Features

What it can do

  • A Loop item template type in the Theme Builder, designed with Elementor.

  • Dynamic tags inside the loop item show the post of each item: title, featured image, excerpt, date, author, terms, custom fields and product data.

  • Loop Grid widget: grid or masonry with page numbers, load more or infinite scroll.

  • Loop Carousel widget: a carousel with arrows and dots, or an endless marquee.

  • A second loop item every Nth item for a different card now and then.

  • Queries for posts, pages, products, any public custom post type or the current archive.

  • A Query ID per list, for the 12 filter widgets and for developers (bapro_loop_query_{ID} filter).

  • Works with the free Elementor plugin.

Use cases

When to use it

Blog cards

Design the post card once and use it on the blog, the home page and in related posts.

Product cards

Design a product card with price and add to cart, and show it in a carousel.

Custom post types

Show team members, projects or events from a custom post type with their custom fields.

Archive layouts

Use a Loop Grid with Current Query in an archive template for every category page.

Setup

How to set it up

A few steps from adding the feature to a finished result.

  1. Go to Bright Addons Pro > Theme Builder, click New template, pick Loop item and type a name.

  2. Design the card with Elementor. Use dynamic tags for the title, image and other post data.

  3. Publish the loop item. It needs no conditions.

  4. Add a Loop Grid or Loop Carousel widget to any page and pick the loop item.

  5. Choose the query and the layout, then publish the page.

FAQ

Questions and answers

Do loop items need display conditions?

No. A loop item only shows where a Loop Grid or Loop Carousel uses it.

Does it need Elementor Pro?

No. It works with the free Elementor plugin and Bright Addons Pro.

Can I filter the list?

Yes. Add filter widgets from the Bright Addons Filters category (tabs, dropdown, checkboxes, range, search, sort and more) and type the Query ID of the Loop Grid or Loop Carousel in Connect to Query ID.

Bright Addons Pro

Get Loop Builder with Bright Addons Pro

Bright Addons Pro has 97 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $10 a year, with a 14-day money-back guarantee.