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

Loop Grid

Pro

Your own loop item design (a synced pattern) repeated for every post, in a grid or masonry, with pages, load more and filter blocks. It comes with Bright Addons Blocks Pro, which also includes every free block.

Live demo

Where you see it

Filter blocks work together with a Loop Grid or Loop Carousel that has the same Query ID, so there is no stand-alone demo.

What you can set

Everything is in the block sidebar

The Loop Grid block has 4 settings panels. No code needed.

  • Loop item

    Set loop item (synced pattern), Alternate loop item, Second loop item, Every Nth item and Query ID.

  • Query

    Set show, Post type, Post IDs, Only these term IDs, Leave out these term IDs, Only these author IDs, Posts per page, Skip first, Order by and 6 more settings.

  • Layout

    Set layout, Columns (desktop), Columns (tablet), Columns (phone), Column gap (px), Row gap (px), Equal height and Second loop item spans two columns.

  • Pagination

    Set pagination, Most pages, Button text, Loading text, Scroll to the list on a new page and Alignment.

How to use it

Add it in four steps

  1. Install the plugin

    Install Bright Addons Blocks Pro from your account and activate your licence. It includes every free block.
  2. Add the block

    Open a page or post in the block editor, press +, and search for “Loop Grid”. It is in the Bright Addons Pro category.
  3. Set it up

    Open the block sidebar and work through Loop item, Query, Layout and Pagination.
  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Settings

The main settings

The full list, panel by panel, is in the Loop Grid guide.

Setting What it does Choices
Loop item (synced pattern) (Loop item) Choose one. –
Alternate loop item (Loop item) On or off. –
Second loop item (Loop item) Choose one. –
Every Nth item (Loop item) From 2 to 12. –
Query ID (Loop item) Filter blocks with the same Query ID control this list. –
Show (Query) Choose one. Post type, Chosen posts, Current archive
Post type (Query) Choose one. –
Post IDs (Query) Comma separated, shown in this order. Any post type. –
Only these term IDs (Query) Text you type. –
Leave out these term IDs (Query) Text you type. –
Only these author IDs (Query) Text you type. –
Posts per page (Query) From 1 to 48. –
Skip first (Query) From 0 to 50. –
Order by (Query) Choose one. Published date, Last updated, Title, Most comments, Menu order, Random

Questions

Good to know

Is the Loop Grid block free?

Loop Grid is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Bright Addons Blocks

Get every block in one plugin

Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.