Adorn Themes Adorn Themes Adorn Themes
  • Services
    • Theme Development
    • Speed & Performance
  • Themes
    • Avone
    • Revone
    • Vogal
    • Belle
    • Optimal
    • NexGeek
  • Portfolio
  • Support
    • Open Ticket
    • Knowledge Base
    • Theme Documentation
  • Blog
    • Shopify Themes
    • Shopify Apps
    • eCommerce Tips
    • SEO & Performance
  • About us
  • Contact us
  • Exclusive Offer
0

No products in the cart.

How can we help you?

Theme Installation

  • Where is my theme purchase code?
  • Avone – How to install theme?
  • Avone Theme Update – Release Notes.
  • Avone – How to update your shopify theme?

Theme Settings

  • How to set free shipping?

Navigation

  • How to use Megamenu Navigation
  • How to display images for mobile menu items?

Collection Page

  • Set product badges/labels?
  • Set Collection banners, Short description and Countdown by metafields.
  • Collection Page – How to set product filters ?
  • Icon image for collection

Product Page

  • How to set up the Icon text list (Metaobject) block
  • Create metafield to show Specifications for product comparison
  • Guide to Setting Up Upsell Products Bundle
  • Add different size chart for each product?
  • Product Page – Product Swatches – Product Variants
  • Set product pre-order for shopify 2.0
  • Related products section
  • Display Complete the look products
  • Display different tab details for each product
  • How to add product custom option?
  • How to display FAQs tab on product detail page?
  • How to set upsell product bundle
  • Add product descriptions with columns.
  • How to display product specification tab on product page?
  • How to display color variant media gallery?

Page Setup

  • Create Custom Page and add sections?
  • How to create Landing page?
  • Setting up metafield for page banner

Blog Pages

  • Show specific product list in blog article page

FAQs

  • Set product pre-order for shopify 2.0
View Categories
  • Home
  • Knowledge Base
  • Avone Shopify Theme
  • Collection Page
  • Collection Page – How to set product filters ?

Collection Page – How to set product filters ?

Product Filtering is built using tags of shopify. Tags are case sensitive. So if you have enter tags in small letter in sidebar assign same tags in small to products also.

👉 Watch Video #

In your store you can see Product filtering on top of left sidebar of collection page (As Product Filters)

There are unlimited filters available for your products.

Go to Online Store –> Customize –> Sections –> Scroll down bottom to "Custom Colors"

Add all custom colors to be used for product filters. i.e. Sage, Olive Green, Camel etc..

Online Store –> Customize –> Select Collection Pages from top dropdown –> Collection Pages

Follow below steps for Color filters

Step 1 : Click “Add Content” -> Add “Filter By Colors”

Product Filter Avone Shopify Theme

Step 2 : Add Filter by section title and Filter tags. Select Swatch Size and Swatch Style from dropdown.

Product Filter Avone Shopify Theme



Step 3 :

From Products -> Select Product -> Scroll down to "Tags" block.  

In Tags sections, Start adding same tags that you enter in sidebar text block. (You need to assing Only product relavant tags. Tags are different for each products.)

Product Filter Avone Shopify Theme

Product Filter Avone Shopify Theme

Follow below steps for other filter type i.e. for size, price, brands, material etc… filters

Step 1 : Click “Add Content” -> Add “Filter By”

Step 2 : Add Filter By Title and Filter tags



Step 3 :

Go to Products -> Select Product -> Scroll down to "Tags" block.
In Tags sections, Start adding same tag that you enter in sidebar text block. (You need to assing Only product relavant tags. Tags are different for each products.)





What are your Feelings

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Table of Contents
  • 👉 Watch Video
logo-200

We build premium Shopify themes that empower merchants to create exceptional online stores.Trusted by thousands of businesses worldwide, our themes are built for easy customization, powerful features, and exceptional performance.

 

Information
  • About Us
  • Our Services
  • Our Partners
  • Our Blogs
  • Contact Us
Customer support
  • Support Ticket
  • Knowledge Base
  • FAQ’s
  • Customization Request
  • Project Request
Why choose AdornThemes
footer-logo-1
footer-logo-2
5.0
★★★★★

987 Reviews

© 2026 AdornThemes – All Rights Reserved.

|

  • Privacy policy
  • Refund Policy
  • Facebook-f
  • Instagram
  • Youtube
  • Linkedin-in
Get your first 3 months for $1/month.
Scroll