Help displaying products grouped by category using Loopers

[sebipopa01]

Hi,

I need help setting up a page in the Pro theme that lists all product categories, each with a headline, followed by the products in that category. Specifically:

• I want to loop through product categories (each category with its own headline).
• Under each category, I want to loop through and display the products in that category, in a grid layout (4 columns per row: image, title, price).
• I managed to set up the first Looper for the categories , but I’m having trouble setting up the nested Looper to show only the products from the current category in the loop .

Could you guide me on how to properly configure the nested Looper Consumer (or whatever setup is required) so it filters the products based on the current looped category?

Thanks in advance!

[tristup]

Hi Sebastian,

Thanks for reaching out.
If you want to show the Category Name and the Product just under that, you need to follow the below steps.

1. Add a Looper Provider to the Column with All Terms and select the Product Categories as taxonomies

2. Set the Looper Consumer to that Column.
3. Use {{dc:term:name}} to show the Term Name in the Text element.
4. Add a DIV element under it with the Looper Provider set to Query String and add the following Query String.

post_type=product&tax_query%5Btaxonomy%5D=product_cat&tax_query%5Bterms%5D={{dc:term:id}}

5. Set the Looper Consumer to that DIV element.
6. And add the {{dc:post::title}} to the Text element to show the post title under the DIV element

Hope it helps.
Thanks

[sebipopa01]

Hi, Tristup

Thanks for the solution but now it displays all products (from all categories) under each category, rather than only the products from the current category. From what I see in the your final screenshot, it’s happening to you too.

Looks like the the terms%5D={{dc:term:id}} from the query string has no effect.

Thanks

[Ismael]

Thanks for the update.

What happens when you replace the Query String value with the following ?

post_type=product&tax_query[taxonomy]=product_cat&tax_query[terms]={{dc:term:id}}

If this is still not working, please create a test page, then provide the login details in the secure note.

Best regards,

[sebipopa01]

Hi,

I managed to figure it out, the correct query string is:

post_type=product&post_status=publish&tax_query[0][taxonomy]=product_cat&tax_query[0][field]=term_id&tax_query[0][terms][0]={{dc:term:id}}

Thanks.

[tristup]

Hi Sebastian,

Glad to know that you are able to figure this out.

Thanks

[sebipopa01]

Hi,

When I select the categories I want to display, I want them to display in the order I manually select and it looks like they display in alphabetical order, I’ve attached a screenshot:

Any ideas? Thanks.

[tristup]

Hi Sebastian,

Unfortunately, there is no such option to set specific orders for categories. But you can check with Custom Looper, you can go through the following thread where the custom loopers are explained.

Sidebar menu to show child pages of parent

OK thanks, but what you have suggested would be specific to the about section and its child pages wouldn’t it? It was more if there was a way of adding a query that I can put on a Pro > Layout which would then show all the child pages of the parent, regardless of which section you were in. So if I was in the community for instance each of those pages would show all the other children of the parent page. Hope that makes sense - as I say the code from WPBeginners does the job but it would be gr…

Display All Child Pages-Looper Provider

[Screenshot 2021-02-24 at 15.38.33] Hi there, Loving the new update, thanks for all your hard work on creating such a comprehensive theme. I am working on a portfolio page at the moment and have decided to use your new looper feature to pull in content. I am using pages for project write ups, and want to display all the child pages on the projects page. I’ve gotten as far as setting up a row as a looper provider, and setting the columns within as consumers. Working perfectly on the first thr…

Pro - Loopers - Category Loop On Home Page - Specific Catergory Only

Hi Team, i have been able to achieve this using the following code which i included in my child themes functions.php. /** * Filter for home page. use 'child_of' to display full depth. use 'parent' to display only first level. * */ add_filter(‘cs_looper_custom_subcat’, function($result, $args) { $cat_args=get_categories( array( ‘child_of’=>79, ‘taxonomy’=> ‘category’,‘hide_empty’=> 0 ) ); $subcats = $cat_args; return $subcats; }, 10, 2); The hook is the called by a looper provi…

I would also suggest you go through the following article to understand the Custom Looper.

Loopers | Themeco Docs

Loopers

If you are not proficient on this, I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Hope it helps.
Thanks

[sebipopa01]

Thanks, the topics you referenced helped and I managed to display them in order.

[tristup]

Hi Sebastian,

Glad that we are able to help you.

Thanks