Editing query loop pattern template

Hi Huppap,

You need to use a Block Element – Content Template or Loop Template for an Archive/Blog page. References:

https://docs.generatepress.com/article/block-element-content-template/
https://docs.generatepress.com/article/block-element-loop-template/

In a Loop Template, you will be able to add the “Pattern” you used.
Are you planning to show just 3 posts? Moreover, what will be the overall design of the archive/blog pages if there will be more than 3 posts?

Hi there,

for the Category pages, in its Block Element Loop Template, add a Query Loop Block. DO NOT set any parameters, just select the Inherit Query from Template option, and set the Display Rules Location to:

Post Category Archives -> All Categories

or All Archives if you want it to apply to to other tax archives.

For Pagination, select the Query Loop block and in its Toolbar there is an option add Pagination.

Creating a single query that has various designs is possible but complicated.

For example – the Volume site uses the the homepage to show the latest posts and 2 x Block Element Content Templates to design the post layout:

https://gpsites.co/volume/

That uses the single theme loop but with a different template for the first post.

The alternative with 2 x Query Loop blocks is to do:

1. create a Loop Template to replace the blog page loop.
1.1 don’t set the inherit query option just add a Offset of X Pages
1.2 add your pagination block

2. create a block element hook to come before the loop.
2.1 add query loop with your other design and set the pages to show X
2.2 make a note of this elements ID

3. Add this PHP Snippet to your site to remove the #2 element when viewing paged instances:

add_filter( 'generate_element_display', function( $display ) {
  if ( 100 === $element_id && is_paged() ) {
     $display = false;
  }

  return $display;
} );

Change the 100 to match your element ID.