|  Pipeline theme
Latest
Latest
  • About Pipeline
    • Pipeline theme documentation
    • Learn Pipeline
  • Updates
    • What's new in Pipeline
    • Pipeline releases
  • Sections
    • Pipeline sections
      • Explore all the sections
      • Accordion group
      • Accordion single
      • Blog posts
      • Collections list
      • Collection product grid
      • Contact form
      • Custom HTML
      • Custom Liquid
      • Custom content
      • Featured article
      • Featured product
      • Gallery
      • Gallery text
      • Icon columns
      • Image banner
        • Countdown timer
        • Collage
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Page
      • Product grid
      • Product slider
      • Product slider tabs
      • Products with image
      • Recently viewed products
      • Rich text
      • Scrolling promotion
      • Shop the look
      • Slideshow
      • Tabs
      • Text columns with images
      • Video
      • Video banner
  • Settings
    • Theme settings
      • Global theme settings
      • Color
      • Typography
      • Layout
      • Search
      • Product card
      • Product form
      • Cart
      • Social media
      • Currency
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and colors
      • Free shipping message
      • Text announcement
      • Icon column
      • Custom HTML
    • Header
      • Header styles
      • Icon styles
      • Toolbar
      • Navigation images
      • Collection block
      • Linking to menu items
      • Transparent header
      • Sticky header
      • Highlight sale menu
      • Collection images
  • Footer
    • Pipeline footer
      • Footer
      • Subfooter
  • Products
    • Product pages
      • Pre-orders
      • Breadcrumbs
      • Tabs and accordions
      • Tabs with metaobjects
      • Product page layout options
      • Product zoom
      • Inventory count down
      • Size charts
      • Unique product content
      • Alt-text sizing information
      • Swatch size
      • Color swatches (legacy)
      • Product siblings
      • Complementary products
      • Buy it with
  • Collections
    • Collection pages
      • Subcollections
      • Badges / Stickers
      • Custom filter options
      • Collection sorting
      • Layout options
      • Speed performance
  • Cart
    • Pipeline Cart
      • Cart types
      • Cart page
      • Cart drawer
      • Cart popup
      • Editing cart text
      • Cart upselling
      • Settings
  • Promotions
    • Upselling
      • Complementary products
      • Buy it with
      • Upsell with Quick View
      • Cart upselling
      • Upsell multiple products
      • Basic version
  • overlay
    • Cart drawer
      • Drawer cart
      • Popup cart
    • Popups
      • Cookies consent message
      • Newsletter popup
      • Text popup
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Add siblings block
  • Search
    • Predictive search
  • Pages
    • Page templates
      • Overview
      • Unique page content
  • FAQ
    • Frequently asked questions
      • Default theme content
      • Context picker
      • Check your theme version
      • Share preview link
      • How to download latest theme version
      • Migrating your settings
      • Improving the speed of your site
      • Optimizing performance of your Product Card & Collection pages
  • Apps
    • Shopify apps
      • Supported apps
      • App integration
      • Search and Discovery
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • How to setup
  • Step 1
  • Step 2
  • Step 3
  • Step 4
  1. Collections
  2. Collection pages

Custom filter options

Enhance product filter with your own custom filters

PreviousBadges / StickersNextCollection sorting

Last updated 1 year ago

Pipeline offers the ability to create powerful filtering options to help shoppers find products and product features within collections. Easily build custom filter options using metafields and combine them with other filter tools like color, size, availability, price, and more.

Custom filter options are dynamically displayed by Pipeline, keeping the filter area clean and only displaying valid filter options:

How to setup

There are a few very basic steps needed to create and use custom filter options. Here is a quick breakdown:

Basic steps

  1. Using the Shopify Admin under Settings, define a product metafield for each filter group. The Content type is Single line text (List).

  2. In the Product Setup, add values to each product to match any custom filters you've created.

  3. Use the Shopify Search and Discovery app to enable the filter.

  4. Using the Theme Editor, add the Filters block to Collection template.

Each step is covered in detail below.

Step 1

Each filter group is created by defining a product metafield. In the example above for "Fabric", that is one filter group and can have multiple values. Plan out and create as many Filter Groups as needed. Each one is done by defining a product metafield with the Content-type set to Single line text (List)

  • Start in the Shopify Admin under Settings -> Custom data

  • Define a new Product metafield

  • Choose a name that will be associated to the filter, we'll use "Fabric" in our example.

  • Use Single line text and List of values for the type:

  • Define a new product metafield for each collection filter group. For example, we created a second one called "Fit".

Step 2

Now that we've created custom filters in the metafield setup, we can begin adding values to our products.

In the Shopify Admin -> Products, add values to your Products with the newly created metafields:

  • Add values to each of your products that match the criteria for your custom filters

  • Products can have multiple values using the list. For example, if a product had multiple fabrics, we can add them to the Fabric list.

Remember: Each product will need a value in order for that product to appear in a custom filter list.

Step 3

The next step is to connect your custom filters in the Shopfy Search and Discovery app.

The Search and Discover app is available for free from Shopify:

Step 4

The final step is to add the Filters block to the Collection template. Using the Theme Editor (Customize theme), navigate to a collection page or collection template and verify that the Filters block has been added and is visible (not hidden).

When the Filters block is added and active, all filter tools become available to shoppers that are configured in the Searcy and Discovery app.

LogoShopify Search & Discovery - Customize your storefront search, filters, and recommendations | Shopify App Store
Shopify Admin -> Settings -> Metafields