What problem does it solve? Shoppers on catalogs with more than 50 SKUs struggle to narrow down products when filters are missing, break the back button, or lose state on refresh and sharing. This Skill guides the implementation of faceted navigation where filter selections live in the URL, making results shareable, bookmarkable, and crawlable. ## Core Features & Use Cases - Platform-Specific Setup: Step-by-step configuration for Shopify (Search & Discovery app), WooCommerce (FiboSearch or Product Filters), BigCommerce (native Faceted Search), and custom headless builds with Algolia or Elasticsearch. - URL State Management: Reference JavaScript utilities for parsing and building query strings with multi-value facets, pushState history handling, and disjunctive facet logic (OR within a facet, AND between facets). - Mobile and UX Patterns: Guidance on mobile filter drawers, active filter pills, clear-all controls, facet count freshness, and price range slider debouncing. - Use Case: A merchant on Shopify with a 500-SKU shoe catalog uses this Skill to enable color, size, and brand filters with shareable URLs like /shoes/running?color=black&size=10, then configures a mobile filter drawer and active filter pills. ## Quick Start Ask the AI to build a filterable product listing page for your platform with URL-synced multi-select facets for brand, color, size, and price range.
