Query Loop Featured Posts in Category Archive Page Hero Element

🤦🏽‍♀️

Oh. My. Gawd.

Thank you so much, Ying. For this, and for the original post.

I added that class when I wanted to try a Query Loop on the live site, and didn’t want it to show on the front. Completely forgot about it when I copied the site over.

Thanks again 🙂

I was so happy this was working that I didn’t think to test the load more posts button. The client discovered over the weekend that clicking the Show More button loads post in the wrong container, below the Query Loop block and above the main content area on the page where it would normally be appended to the bottom.

You can see the behavior on any category page in the staging site I shared credentials for in my original request. You can also see it on the one category page on the live site that has the Query Loop block instead of the WP Show Posts instance.

I hope I’ve just fat fingered something, but nothing is jumping out at me so far. Thanks for any assistance you can provide.

Here’s the code snippet I’m using:

add_filter( 'generateblocks_query_loop_args', function( $query_args, $attributes ) {
    // Check if it's a category archive page
    if ( is_category() ) {
        // Get the current category
        $current_category = get_queried_object();

        // Check if the current category has the 'highlights-grid' class
        if ( ! empty( $attributes['className'] ) &&
             strpos( $attributes['className'], 'highlights-grid' ) !== false ) {

            // Modify tax_query to target the current category and posts with the 'Highlights' tag
            $query_args['tax_query'][] = array(
                'taxonomy' => 'category',
                'field'    => 'term_id',
                'terms'    => $current_category->term_id,
                'operator' => 'IN',
            );

            $query_args['tax_query'][] = array(
                'taxonomy' => 'post_tag',
                'field'    => 'slug',
                'terms'    => 'Highlights',
                'operator' => 'IN',
            );

            // Set the relation to 'AND'
            $query_args['tax_query']['relation'] = 'AND';

        }
    }

    return $query_args;
}, 10, 2 );

I’m sorry – I assumed the private info I originally shared would persist, but forgot about the fact that it would be deleted after I marked the topic as resolved. I’ve shared the credentials again.

I am trying to use the Query Loop only for highlighted posts – not the main category post feed. We don’t want infinite scroll or load more with these Query Loop block posts. Only the main post feed.

On the live site, we are still using the WP Show Posts blocks on all categories except the one I mentioned in my last message. We aren’t using the content template block at all — just letting the default category page template handle everything but the hero section.

I think we are both missing things — me more than you, though!

You are right about the content template block. It has been a couple years since I built the site, and I completely forgot about it.

Some of the categories – Anthem is one – don’t use the fancier hero treatment like the main categories the site is focused on. If you look under the GAMES menu and pick one of those items, you’ll get to one of the fancy category pages.

Those fancier category pages use Page Hero Elements that include the Query Loop block. Those are the pages where the Show More button loads the additional posts immediately underneath the Query Loop block, instead of below the category’s post listing that is created with the Content Template.

I hope that makes more sense.

That did the trick — thank you!

I have one other issue with this block. I can’t seem to vertically middle align the post headlines within the container block.

I have searched for solutions, but when I change the settings as directed it also changes the width of the post thumbnail. I have the image set to 60px square in the block settings, and I’m using a 60px square image size I added just for these post highlight blocks.

What am I doing wrong?

Thanks so much, Ying – it’s all looking/working great!