Hello,
I’m currently working on my 4th XStore website, and on the last two projects I’ve encountered an issue with the WooCommerce “Shop page display” settings.
What happened:
When I first installed XStore, the shop page was set to:
1. Categories (on shop page)
2. Subcategories (on category pages)
→ This worked perfectly.
I changed the settings to:
1. Categories (on shop page)
2. Subcategories and Products (on category pages)
After this change, the layout broke — on the front-end I now only see products in a grid without the category/subcategory grouping.
On my 3rd site, I was able to fix this by copying the Elementor shop page from the 2nd site and pasting it, but this does not work on the 4th site.
In the Elementor editor, I still see the categories as expected, but on the live site both the shop page and category pages show only products.
My Woo Labels / product badges (custom labels) are also not showing, although the default XStore “New” and “Sale” badges still appear.
I have deleted the Elementor Product Archive template multiple times to ensure it’s not overriding the layout. I believe this might be related to the XStore template handling the archive-product.php.
What I need:
+ On the Shop page: display all top-level categories first.
+ On a Category page: display subcategories, and for each subcategory show the title followed by its products (Title → Products → Title → Products, etc.).
Ensure product badges (both Woo Labels custom labels and XStore default labels) are visible.
I understand the category title/product grouping on category pages is not default WooCommerce functionality, but any guidance or advice on achieving this layout with XStore would be greatly appreciated.
Could you please advise how to configure XStore to achieve this, or if a template override is required, point me to the correct file or setting?
Thank you in advance,
Niki