Front Row Furniture: BigCommerce Advanced Category Filter System
- before
The Problem: Limited Native Filtering on BigCommerce Category Pages
Front Row Furniture sells events and hospitality furniture to UK buyers banqueting chairs, folding chairs, stacking chairs, bar stools across a catalogue with multiple materials, finishes, conditions, and price points. A buyer sourcing for a wedding venue needs plastic folding chairs under £15. A hotel sourcing for a restaurant needs featured steel banqueting chairs with five-star ratings.
BigCommerce’s default category filters do not support custom product attributes material, finish, condition or merchandising flags like Is Featured and In Stock. Buyers landing on the Chairs category saw the full catalogue with no way to narrow it. Finding the right product in 29+ items across five sub-categories meant manually browsing every card.
- After
The Solution: A Custom BigCommerce Category Filter System
Codinative built a custom multi-attribute sidebar filtering system on BigCommerce Stencil. Price, Rating, Colour Option, Material, Finish, Condition, Is Featured, In Stock, and Has Free Shipping are all live filter dimensions each pulling from BigCommerce custom fields and product metadata. Results update in real time. Active filter tags show in the Refine by bar. Every filter action updates the URL with query parameters so filtered views are shareable and bookmarkable. No page reload on any filter action.
BigCommerce Filter System Development: Situation, Task, Action, Result
The Situation: Limited BigCommerce Category Filtering for Large Catalogs
The Task: Building a Multi-Attribute BigCommerce Filter System
The Action: Custom Sidebar Filtering on BigCommerce Stencil
The Result: Faster Product Discovery Through BigCommerce Filtering
- Approval Workflow
- Branded Emails
- REST API v3
- OAuth 2.0
- Webhooks
Core Features of the BigCommerce Category Filter System
Sidebar Filter Panel
Active Filter Tags and Clear State
Multi-Select and Cross-Attribute Filtering
Rating Threshold Filter
Featured, In Stock, and Free Shipping Flags
BigCommerce Category Filter System: What Was Shipped
Custom sidebar filter panel Price, Rating, Colour, Material, Finish, Condition, Other flags
Per-filter-value product counts inline no zero-result values displayed
Multi-select filters with OR logic within dimension, AND logic across dimensions
Active filter tags with individual dismiss and Clear all
Per-section Clear link to remove one dimension without affecting others
Rating threshold filter five levels from 1 star up to 5 stars up
Is Featured, In Stock, Has Free Shipping as filterable flags via Catalog API
URL query parameter sync filtered views shareable and bookmarkable
Grid and list view toggle persisting across filter changes
Real-time product grid update on every filter action no page reload
Front Row Furniture BigCommerce Filter System FAQ's
Why does BigCommerce need a custom filter system instead of native facets?
BigCommerce's native faceted search supports variant-level options and a limited set of product attributes. It does not support custom fields as filter dimensions, boolean merchandising flags like is_featured, star rating thresholds, or condition flags. For a furniture catalogue where material, finish, condition, and curation status drive the buying decision, the native system cannot surface what buyers need.
How do the product counts per filter value work?
At filter panel load time, JavaScript reads the full product set for the current category and counts how many products match each custom field value. The count renders inline next to each checkbox label. Filter values with zero matching products do not appear in the sidebar, preventing buyers from selecting a filter that returns an empty page.
How does multi-select filtering work across attributes?
Within a single dimension, multiple selections use OR logic Plastic and Steel returns products matching either material. Across dimensions, selections use AND logic Material: Steel and Rating: 5 Stars and Up returns only products that are both steel and five-star rated. This matches how buyers narrow a catalogue by multiple requirements at once.
How are Is Featured and In Stock surfaced as filter options?
Is Featured maps to the is_featured boolean on each BigCommerce product. In Stock maps to inventory availability. Both are read at category page load from BigCommerce product data. The JavaScript filter logic checks these against the active filter state when rendering the grid. No additional API call is made per filter action.
Is the filtered state bookmarkable or shareable?
Yes. Every filter action updates the page URL with query parameters for the active filters. A buyer who narrows to Material: Plastic and Rating: 5 Stars and Up gets a URL that can be shared or bookmarked. The filter panel reads from URL query parameters on page load and restores the active state automatically.
Yes. Every filter action updates the page URL with query parameters for the active filters. A buyer who narrows to Material: Plastic and Rating: 5 Stars and Up gets a URL that can be shared or bookmarked. The filter panel reads from URL query parameters on page load and restores the active state automatically.
Yes. The filter sidebar reads available dimensions from the products in the current category. The Tables category page with different custom field values renders its own filter options automatically. The same JavaScript and CSS handles every category on the Front Row Furniture store without per-category configuration.
- Verified BigCommerce Partner
Custom apps, B2B Edition, Stencil and Catalyst storefronts, REST API v3 integrations — built by
developers who work on BigCommerce every day.