Mastering BigCommerce Category Display: Eliminating 'No Products' Messages on Parent Categories
Mastering BigCommerce Category Display: Eliminating 'No Products' Messages on Parent Categories
The 'There are no products listed under this category' message often appears on BigCommerce parent categories designed to showcase subcategories, not direct products. This can detract from a professional storefront and confuse customers. As e-commerce migration experts at Big Migration, we address these critical nuances for a seamless experience. This insight explores effective strategies from the BigCommerce forum to manage and eliminate this message.
The Problem: Empty Parent Categories and Subcategory Structures
Many BigCommerce stores use hierarchical category structures, where parent categories act as navigational hubs for subcategories (e.g., 'Clothing' containing 'Men's Apparel' and 'Women's Apparel'). When products are assigned only to deeper subcategories, navigating to the parent 'Clothing' category often displays the 'no products' message. This creates an impression of an empty section, undermining the user experience.
Solution 1: The Quick Visual Fix – Hiding with CSS
For a rapid visual solution without altering category product assignments, CSS offers a straightforward approach using display:none;.
- Page Builder: Non-technical users can inject custom CSS via an HTML block with a
tag to target and hide the message element. - Direct Theme File Editing: Developers can edit Stencil theme files (e.g.,
theme.scss) to applydisplay:none;to the relevant HTML element.
While effective for visual suppression, this is often a workaround, not a fundamental solution to product display logic.
Solution 2: The Recommended BigCommerce Built-in Feature – Display Products from Child Categories
The most elegant and recommended solution, highlighted by BigCommerce partner Tanner Brodhagen, leverages a powerful built-in setting. BigCommerce allows automatically displaying products from child categories on an empty parent category page.
To implement:
- Go to Store Setup > Store Settings.
- Click Display tab.
- Scroll to Category Settings.
- Enable: 'Show products from child categories if the current category is empty'.
This setting ensures parent categories with no direct products but containing product-filled subcategories will automatically populate with those products. This eliminates the message and provides a richer browsing experience.
Solution 3: Advanced Customization – Subcategory Cards and Custom Templates
For unique design requirements or to emphasize subcategories visually on the parent page, advanced customization options exist:
- Subcategory Cards: Display prominent 'cards' or banners for each subcategory instead of product listings. This typically involves custom theme development or advanced Page Builder features.
- Custom Category Templates: For numerous categories needing specific display logic, engaging a developer for different category templates is beneficial. A custom template can detect empty categories and display subcategory cards, a custom message, or pull products from children, offering maximum flexibility.
Conclusion: Choosing the Right Strategy
Eliminating the 'no products' message is crucial for a professional BigCommerce store. While CSS offers quick fixes, the built-in 'Show products from child categories if the current category is empty' setting is often the most efficient long-term solution. For complex needs, custom theme development provides unparalleled control. Understanding these options ensures engaging category pages and smooth customer navigation.