faceted-navigation
Faceted Navigation
Overview
Build a filterable product listing page (PLP) where shoppers can narrow results by multiple attributes simultaneously — size, color, brand, price range, rating — while keeping the URL in sync so filters are shareable, bookmarkable, and crawlable by search engines. Good faceted navigation drives measurable conversion lift on catalogs with more than 50 SKUs.
When to Use This Skill
- When a product catalog exceeds ~50 SKUs and browse-only navigation causes shopper frustration
- When building or redesigning a category/collection listing page
- When SEO requires crawlable faceted URLs (e.g.,
/shoes/running?color=black&size=10) - When replacing a legacy faceted implementation that breaks the back button
- When implementing Algolia InstantSearch or a custom faceting layer on Elasticsearch
Core Instructions
Step 1: Determine the merchant's platform and choose the right approach
More from finsilabs/awesome-ecommerce-skills
product-comparison
Let shoppers select multiple products and compare them side-by-side in a table with highlighted differences to help them make the right buying decision
115international-shipping
Handle cross-border orders with customs form generation, duties and taxes estimation, HS code assignment, and restricted items blocking
109tiktok-shop-integration
Sync your product catalog to TikTok Shop, manage orders and inventory, and enable shoppable content with live shopping and affiliate creator programs
98inventory-tracking
Track stock levels in real time across your platform with inventory reservation to prevent overselling and support for backorders
86sales-reporting-dashboard
Build executive dashboards showing revenue, average order value, conversion rates, and cohort analysis with drill-down by date and channel
84gift-cards
Sell and accept gift cards with secure code generation, real-time balance tracking, partial redemption support, and expiration enforcement
81