Shop Page Display & Category/Subcategory Layout Issue

This topic has 12 replies, 2 voices, and was last updated 3 months ago ago by Luca Rossi

  • Avatar: Niki
    Niki
    Participant
    August 14, 2025 at 10:38

    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

    Please, contact administrator
    for this information.
    11 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    August 14, 2025 at 17:42

    Dear @Niki,

    We hope this message finds you well.

    Please note that the shop page should display according to the settings configured under XStore > WooCommerce (Shop) > Product Catalog, as shown in the following screenshot:
    https://prnt.sc/k5e576g3tS6m

    We have tested this on our end and were unable to reproduce the issue you described.

    To help identify the cause, we kindly recommend disabling all third-party plugins that are not included with XStore. You can find a list of the officially supported plugins here:
    https://www.8theme.com/documentation/xstore/plugins/included-plugins/

    After disabling the additional plugins, please clear your browser cache and check the shop page again. It is possible that a third-party plugin is interfering with the display.

    If the issue persists, we suggest temporarily switching to the Parent theme, especially if you are currently using a Child theme. Once again, please clear your cache and verify the results. The issue may be related to custom code within your Child theme.

    Please let us know the outcome after performing these steps. We are here to assist you further if needed.

    Best regards,
    The 8Theme Team

    Avatar: Niki
    Niki
    Participant
    August 15, 2025 at 17:04

    Hello,

    Thank you for your response.
    I tested by switching from my child theme to the main XStore theme and confirmed that the categories display correctly.

    However, as soon as I activate the child theme, the problem returns — the shop and category pages show only products without the expected categories/subcategories.

    To troubleshoot, I:

    1. Completely deleted the existing child theme.
    2. Installed a fresh, empty child theme with no custom PHP or template overrides.
    3. Activated it — and the issue immediately reappeared.

    This is strange because the child theme is completely empty (just style.css and functions.php with no added PHP code).
    Even more curious, on my other xstore site I use a heavily customized child theme with many PHP modifications and it works fine.

    I also noticed that my Woo Labels (custom product labels) display correctly in the product feeds on the homepage, but they do not appear on the shop page (Child or Main theme) The default XStore labels (“New”, “Sale”) still appear.

    Thank you,
    Niki

    Avatar: Justin
    Luca Rossi
    Support staff
    August 18, 2025 at 10:09

    Dear @Niki,

    We hope this message finds you well.

    Could you kindly grant us permission to either debug directly on your live site or create a staging environment where we can perform the necessary testing?

    We greatly appreciate your support and cooperation.

    Thank you very much.

    Best regards,
    The 8Theme Team

    Avatar: Niki
    Niki
    Participant
    August 22, 2025 at 22:56

    Sure. I can share credentials.
    My website is not live yet, so no need for staging.
    Thank you!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    August 23, 2025 at 13:02

    Dear @Niki,

    We hope this message finds you well.

    Could you kindly provide us with some screenshots from your end for reference?

    For your convenience, please find below how the shop and category pages appear on our side:

    – Shop: https://prnt.sc/PSc4FNofmdc6
    – Category: https://prnt.sc/svkNbxOJcYoJ
    – Sub-category: https://prnt.sc/gh9vLQgB54Lk

    Thank you in advance for your assistance.

    Best regards,
    The 8Theme Team

    Avatar: Niki
    Niki
    Participant
    August 24, 2025 at 19:31

    Sure. That’s what you see. Because Child theme is deactivated.
    If you activate the child theme this layout is gone.

    With Main theme: https://myprintscreen.com/s/3hccz/83c892644e
    With child theme: https://myprintscreen.com/s/3hcd2/cf48cb9fd4

    Also there is the Woo Labels problem. They are not visible in shop page.
    Shop Page: https://myprintscreen.com/s/3hcd3/51ffce8879
    Home page: https://myprintscreen.com/s/3hcd7/d55dec0d52

    Thank you

    Avatar: Justin
    Luca Rossi
    Support staff
    August 25, 2025 at 12:26

    Dear @Niki,

    We hope this message finds you well.

    Would it be possible to temporarily deactivate all third-party plugins for testing purposes?

    Thank you for your assistance.

    Best regards,
    The 8Theme Team

    Avatar: Niki
    Niki
    Participant
    August 25, 2025 at 13:29

    I did.
    Only Xstore core, Woocomerce and Under construction is active.

    If you wish to deactive for a short time, Under Construction feel free to do it.

    Thank you

    Avatar: Justin
    Luca Rossi
    Support staff
    August 26, 2025 at 10:06

    Dear Niki,

    We hope this message finds you well.

    We would like to inform you that a particular setting was previously hiding all product categories on the shop page. We have since disabled this setting, and the shop page is now functioning correctly, as shown in the following screenshot: https://prnt.sc/ieZF2oduDuk-

    Additionally, for testing purposes, we temporarily changed the slug of the shop page. We would greatly appreciate your assistance in reverting it to its original form:
    https://greekmommies.gr/shop/

    Thank you very much for your support.

    Best regards,
    The 8Theme Team

    Avatar: Niki
    Niki
    Participant
    August 29, 2025 at 20:04

    Hello team,
    thank you for your assistance, categories are now working fine.

    I still haven’t received an answer to my question about Woo Labels.
    Could you please confirm if there is a way to make them visible on the XStore Archive Products widget?

    When I use the default Archive Products widget, the labels appear correctly, but with the XStore one they are missing. Unfortunately, I cannot customise the default widget the way I need, so having Woo Labels visible on the XStore widget is important for me.

    I would appreciate your clarification on this matter.

    Thank you!

    Avatar: Justin
    Luca Rossi
    Support staff
    August 31, 2025 at 10:07

    Dear @Niki,

    We hope this message finds you well.

    We would like to inform you that we have successfully added the following custom hook to the Woo Label settings, as shown in the screenshot below:

    etheme_product_grid_list_product_element_image
    Screenshot: https://prnt.sc/4YzVPk2dssH-

    The implementation appears to be working as expected. At your convenience, could you please review and confirm?

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.