Filtering and sorting

Claro includes Shopify's faceted search filtering system with multiple display modes.

Filter display types

TypeDescription
DrawerFilters open in a slide-out drawer (default)
HorizontalFilters displayed as dropdowns above the product grid
VerticalFilters in a sidebar (left or right)
NoneNo filtering

Filter settings

  • Sidebar position — left or right (vertical mode)
  • Sticky sidebar — sidebar sticks while scrolling
  • Enable sorting — sorting dropdown
  • Enable color swatches — color filters as swatches
  • Collapsed by default — filter groups start collapsed
  • Use apply button — require clicking "Apply" instead of instant filtering

Available filter types

  • Boolean (yes/no)
  • List (checkbox selection)
  • Price range (min/max slider)
  • Color swatches

Filters are configured in your Shopify admin under Online Store → Navigation → Collection and search filters.