Skip to content

Little Theme Shop

Creative Wordpress Themes, Editable Templates

  • Shop
  • Showcase
  • Hire Us
  • Support
  • Contact
  • Blog
  • Shop
  • Showcase
  • Hire Us
  • Support
  • Contact
  • Blog

Collection Page

To add a collection, go to Products > Collection in your admin screen and click Add Collection. When editing a collection, make sure to add a short description and upload an image under Collection Image.

To customize the Collection Page, open your Customizer (Online Store > Theme > Customize) and navigate to a Collection Page. Your screen should look like this.

Click on the Collection pages section to begin customizing. You can change the background color, turn the stripe on/off, change the text color, turn off the collection image, etc.

Fancy Filter

Shopify’s default filter is pretty basic. It gives you a dropdown list of all your tags and that’s it.

This might be fine for smaller stores, but if you need a bit more filtering, you have the option to enable Fancy Filter in the settings. This is what it looks like once it’s set up:

In order for the fancy filter to work, you need to tag your products in a particular way. To add tags to your products, go to Products > All Products in your admin screen and click on the product you want to edit. The place to add tags is in the bottom right-hand corner of the edit screen.

Let’s say you want to filter by color. You’ll type your tag as “color__pink” and tag all other relevant products as “color__blue” or “color__yellow.” If you want to filter by size, you’ll type it as “size__small” and all other relevant products as “size__medium” or “size__large,” etc.

The Shopify lingo for this is called “group filtering,” and it’s required to get the fancy filter to work. Once your products have been properly tagged, the filter sidebar should appear on all collection pages automatically.

Optional: Featured Collections

If you want to include a Featured Collections menu in your list of filters like the demo…

Go to Online Store > Navigation in your admin screen and click Add Menu.

Create the menu as you would with any other menu, and add any links you want. The important part here is your handle. In order for this menu to show up, the handle must be named “collections.“

After saving, the menu should now appear automatically on the Collection page.

Get Started

  • Birthday Cake Theme
    • Quick Setup
    • Importing Demo Content
    • Manually Importing Demo Content
    • Setting Up Birthday Cake Demo Homepage Manually
    • Customizer Settings
    • Birthday Cake Color Options
    • Classic Blog View
    • Contact Page
    • Services Page
    • Under Construction/Coming Soon Page
    • About Page
    • Portfolio Page
    • Shop Page
    • Custom Widget Page
    • Post Templates
    • Menus
    • Widgets
    • Content Slideshow Widget
    • Subscriber List Widget
    • Feature List Widget
    • Featured Categories Widget
    • Featured Product Widget
    • Hero Widget
    • Instagram Widget
    • Mission Widget
    • Portfolio Widget
    • Profile Widget
    • Testimonials Widget
    • Social Media Icons
    • Sidebars
  • Bubble Tea Theme
    • Quick Setup
    • Importing Demo Content
    • Manually Importing Demo Content
    • Customizer Settings
    • Contact Page
    • Services Page
    • Under Construction/Coming Soon Page
    • About Page
    • Portfolio Page
    • Shop Page
    • Custom Widget Page
    • Post Templates
    • Menus
    • Classic Blog View
    • Widgets
    • Content Slideshow Widget
    • Blog Posts Widget
    • Subscriber List Widget
    • Feature List Widget
    • Featured Categories Widget
    • Featured Product Widget
    • Hero Widget
    • Instagram Widget
    • Mission Widget
    • Portfolio Widget
    • Profile Widget
    • Testimonials Widget
    • Setting Up Demo Homepages Manually
    • Social Media Icons
    • Sidebars
  • Honey Glow Theme
    • Quick Setup
    • Importing Demo Content
    • Manually Importing Demo Content
    • Customizer Settings
    • Classic Blog View
    • Header Images
    • About Page
    • Shop Page
    • Contact Page
    • Services Page
    • Portfolio Page
    • Under Construction/Coming Soon Page
    • Custom Widget Page
    • Menus
    • Post Templates
    • Widgets
    • Testimonials Widget
    • Content Slideshow Widget
    • Featured Categories Widget
    • Subscriber List Widget
    • Hero Widget
    • Instagram Widget
    • Featured Product Widget
    • Mission Widget
    • Profile Widget
    • Portfolio Widget
    • Feature List Widget
    • Social Media Icons
    • Sidebars
    • Tutorial: Setting Up the Demo Homepages Manually
  • Zine Queen Theme
    • Quick Setup
    • Importing Demo Content
    • Manually Importing Demo Content
    • Customizer Settings
    • Classic Blog View
    • Category Colors
    • About Page
    • Under Construction/Coming Soon Page
    • Portfolio Page
    • Services Page
    • Contact Page
    • Shop Page
    • Custom Widget Page
    • Post Templates
    • Menus
    • Widgets
    • Blog Posts Widget
    • Content Slideshow Widget
    • Feature List Widget
    • Featured Product Widget
    • Featured Categories Widget
    • Hero Widget
    • Instagram Widget
    • Mission Widget
    • Portfolio Widget
    • Profile Widget
    • Subscriber List Widget
    • Testimonials Widget
    • Social Media Icons
    • Sidebars
    • Setting Up Zine Queen Demo Homepage Manually
  • Jelly Bean Theme
    • Simple Quick Setup
    • Common Problems
    • Simple Menus
    • Homepage Sections for Simple Themes
    • Customizer General Settings
    • Widgets
    • Blog Feed
    • Shop Page
    • Contact Page
  • Blue Poppy Theme
    • Simple Quick Setup
    • Common Problems
    • Simple Menus
    • Customizer General Settings
    • Homepage Sections for Simple Themes
    • Widgets
    • Blog Feed
    • Shop Page
    • Contact Page
  • Plug Theme
    • Quick Setup
    • Customizer Settings
    • Homepage Menu
    • Blog Posts
  • Frequently Asked Questions

Get Started

  • PomPom
    • Getting Started
    • Setting Up the Header
    • Menu
    • Slideshow Section
    • Image With Text Overlay (Hero)
    • Collection Section
    • Featured Collection
    • Image With Text Section
    • Text Column with Images
    • Testimonials Section
    • Blog Section
    • Instagram Section
    • Fonts
    • Social Media
    • Quick View
    • Colors
    • Newsletter Popup
    • Product Page
    • Collection Page
    • Shopify About Page
    • Contact Page
    • Blog Page
    • Shop the Post / Related Posts
    • Lookbook Page
    • FAQ Page
    • Shopify Footer
  • Moodring
    • Getting Started
    • Setting Up the Header
    • Menu
    • Slideshow Section
    • Ticker Section
    • Image Banner Section
    • FAQ Section
    • Email Signup Section
    • Contact Form Section
    • Collection List Section
    • Collage Section
    • Rich Text Section
    • Blog Posts Section
    • Testimonials / Quotes Section
    • Multicolumn Section
    • Image With Text Section
    • Featured Collection
    • Lookbook Section
    • Footer
    • Blog
    • Collection Page
    • Product Page
    • Page Templates
  • Honey Glow
    • Getting Started
    • Setting Up the Header
    • Menu
    • Slideshow Section
    • Lookbook Section
    • Featured Collection
    • Image With Text Section
    • Multicolumn Section
    • Quotes / Testimonials Section
    • Blog Posts Section
    • Rich Text Section
    • Collage Section
    • Collection List Section
    • Contact Form Section
    • Email Signup Section
    • FAQ Section
    • Image Banner
    • Ticker Section
    • Instagram Section
    • Footer
    • Page Templates
    • Alternate Homepage
    • Product Page
    • Collection Page
    • Blog Posts Section
    • Shop the Post / Related Posts
    • Newsletter Popup
    • Colors
    • Quick View
    • Social Media
    • Fonts
  • Jelly Bean
    • Getting Started
    • Setting Up the Header
    • Menu
    • Slideshow Section
    • Lookbook Section
    • Featured Collection
    • Image With Text Section
    • Multicolumn Section
    • Quotes / Testimonials Section
    • Blog Posts Section
    • Email Signup Section
    • Rich Text Section
    • Image Banner Section
    • Collage Section
    • Collection List Section
    • Contact Form Section
    • FAQ Section
    • Ticker Section
    • Instagram Section
    • Footer
    • Page Templates
    • Alternate Homepage
    • Product Page
    • Collection Page
    • Blog
    • Shop the Post / Related Posts
    • Newsletter Popup
    • Colors
    • Quick View
    • Social Media
    • Fonts

Translate This Page

  • Shop
  • Showcase
  • Hire Us
  • Support
  • Contact
  • Blog
Copyright © 2023 | All Rights Reserved | Designed by Little Theme Shop

Buy two or more items and get $10 off with the code LITTLEBUNDLE Dismiss