Fluorescent
Lorenza
Lorenza
  • Lorenza Help Center
    • Start using Lorenza
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Theme updates
      • Upgrade to OS2
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 heading tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • Home page
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • Password page
      • Search page
      • 404 page
    • Header
      • Logo
      • Layout and style
      • Mega navigation
      • Transparent header
      • Quick search
      • Customer account link
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Language selector
      • Country selector
      • Payment icons
      • Social media icons
    • Utility bar
      • Announcements
  • Sections
    • Theme sections
      • Blog posts
      • Collapsible row list
      • Collection list
      • Collection list grid
      • Featured collection
      • Featured collection grid
      • Featured collection row
      • Featured product
      • Gallery
      • Image hero
      • Image with text
      • Image with text split
      • Map
      • Mosaic grid (2 columns)
      • Mosaic grid (3 columns)
      • Newsletter
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Slideshow split
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Products
    • Product listings
    • Product badges
    • Quick shop
  • Product pages
    • Product template
      • Pre-order template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Gift recipient form
    • Product page blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Information popup
      • Payment block
      • Security block
      • Shipping block
      • Stock level indicator
      • Text block
      • Text with image
      • Text with video
      • App blocks
    • Product page sections
      • Product reviews
      • Recently viewed products
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Enable swatches
        • Use default colors
        • Use custom images
        • Dynamic option availability
        • Show on collections
  • Collection pages
    • Collection template
    • Banner
      • Breadcrumbs
    • Product grid
    • Filters and sorting
  • Cart
    • Cart page
    • Fly-out cart
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Set up filter bar
  • Customize filter options
  • Settings reference

Was this helpful?

  1. Collection pages

Filters and sorting

Collection pages

Last updated 11 months ago

Was this helpful?

Let customers discover products quickly by filtering your products by availability, price, type, vendor, and your variant options. When filters are enabled, Lorenza also displays a price slider, color swatches, and product chips for easy navigation.

Set up filter bar

STEPS

In your theme editor (Customize):

  1. Open a Collections template to edit from the dropdown menu in the top bar.

  2. Click on the Product grid section to open the settings.

  3. Choose whether to Show sort options to let customers sort products by Price, Date, Best Selling, Featured, or Alphabetically.

  4. Choose whether to Show filters.

    To select which filter options to enable, go to your Online Store > Navigation settings in your Shopify admin. In the Collection and search filters section, you can add, remove, and reorder your filter options.

  5. If you have [variant swatches](set up variant swatches) enabled, check the Show swatches box to display those variant options as swatches.

  6. If you have [variant chips enabled](set up variant chips), check the Show chips box to display those variant options as chips.

  7. Choose a Filter style. Either Sidebar or Buttons.

    Choose Sidebar to show your tags in a list along the left side of the collection:

    Choose Buttons to show buttons that open a drawer with a list of tags:

  8. Choose whether to Collapse filter groups. Uncheck this option to always display filter options under each filter group.

  9. Click Save.

Customize filter options

Settings reference

In the Collection template, click the Product grid section to find the following settings.

Setting
Description

Show sort options

Let customers sort products by Price, Date, Best Selling, Featured, or Alphabetically.

Show filters

Let customers filter products by filter options enabled in the Navigation settings of the Shopify admin.

Show swatches

Display variant options as swatches. You will need to set up variant swatches for your product options.

Show chips

Display variant options as chips. You will need to set up variant chips in Theme settings > Product.

Filter style

Choose either Sidebar or Buttons. On mobile, the filter style is set to Buttons. Sidebar shows your tag and sort options in a sidebar menu on the left side of the page. Buttons shows your tag and sort options as a row of square buttons above the product grid.

Collapse filter groups

Uncheck to display all filter options nested under filter groups.

\


Sorting is a Shopify feature. Learn how to .

See Shopify's manual for their guide on .

You can use Shopify's to add custom filters based on product categories, variants, tags, metafields, and more. See Shopify's to learn more.

Lorenza can show your Variant swatches as filter options. This feature is separate from Shopify's , which allows you to add visual swatches to filter options, separately from product variants.

Related links

change the default sort order ↗
collection filters ↗
Search & Discovery app
App guide ↗
Visual filters ↗
Collections template
Product grid
Banner
Breadcrumbs