Configure Shopify Search & Discovery filtering, circular color swatches with champagne gold rings, size pills, stock badges, and multi-column grid switcher.
7. Collection Page & AJAX Filtering
Provide bespoke catalog navigation using native Shopify Search & Discovery app integration and dynamic layout switchers.
7.1 Shopify Search & Discovery App Filters (`facets.liquid`)
- Full compatibility with native Shopify facets API for price range sliders, product types, and tag filters.
7.2 Customizing Color Swatches & Size Buttons
- **Color Swatches:** Circular swatches encircled with champagne gold accent rings (`#A6793E`).
- **Size Selector:** Square minimal size pills (XS, S, M, L, XL).
- **Stock Badges:** Dynamic `[ In stock ]` and `[ Out of stock ]` pill badges.
7.3 Enabling Multi-Column Grid Switcher (2/3/4 Columns)
- Dynamic grid toggle allowing shoppers to switch instantly between 2-column large editorial view, 3-column balanced view, and 4-column dense grid view without reloading the page.