Navigation

Category Pills

Provide a quick way for customers to filter by collection using modern, touch-friendly category pills.

Usage & Placement

Category pills are typically placed just below the Hero Banner or above a Product Grid. They act as "Quick Links" to your most popular collections.

Design Variants

Pill Style

Rounded capsules with subtle borders or solid background colors. Best for a minimalist look.

Iconic Style

Pills that include a small collection icon or image next to the text for better visual identification.

Configuration

Collection List
Select up to 12 collections to display as pills.
Slider on Mobile
Enable horizontal scrolling on mobile devices to prevent the pills from stacking vertically and taking up too much space.
Color Themes
Apply Primary, Secondary, or Outline styles to match your theme's branding.
Active State
On Collection pages, the category pill matching the current collection will automatically be highlighted to help customers understand where they are in the store.