Labacha - Shopify Theme Documentation
  • Introduction
  • Changelog
  • Full Theme Features in Labacha
  • Installation
    • Install Theme
  • BASIC CONFIGURATION
    • Customer Registration
    • Shipping Rates
    • Navigation
    • Sticky Toolbar Mobile
    • Online Store 2.0
      • Color Gradient
      • Dynamic Source
  • Theme Settings
    • Multiple Layouts
    • Typography
    • General
      • Container Width
      • Favicon
      • Wishlist
      • Terms and conditions
      • Swatch
      • Hot stock function
      • Add To Cart Action
      • Lazyload image
      • Slider Dots
      • Slider Arrows
      • Pagination
      • Trust Image
      • Button Style
      • Social Share
    • Product Card
      • Set up for Product Card
      • Product badges
      • Product Swatch
      • Product Action
      • Product Review
      • Product Quick Shop
    • Theme Language
      • How to set up a different language?
      • How to set up Multiple Languages?
    • Multiple Currencies
    • Multi-Level Categories
    • Quick Search
    • Quick Cart/ Quick Edit Cart
    • Quick View
    • Countdown
    • Calculator Free Shipping Message
    • Someone Purchase
    • GDPR Popup
    • Newsletter Popup
    • Recently Viewed
    • Notify Me: Out Of Stock
    • Ask An Expert
    • Social Media
    • Color (Products)
    • Colors (General)
    • Typography (Products)
    • Adding custom CSS to your theme
  • Header
    • Header
    • Search
    • Megamenu/Drop Down Menu
      • Label For Menu
  • Footer
  • SECTIONS
    • Section On Every Page
    • All Sections in Theme
      • Slideshow
      • Slideshow Grid
      • Slideshow Category
      • Collection List Packery
      • Collection List Packery 2
      • Modern Page Banner
      • Modern Banner
      • Modern Grid
      • Modern Image With Content
      • Gallery Section
      • Image Banner
      • Image Banner 2
      • Product Block
      • Product Block 2
      • Product Block 3
      • Product Block 4
      • Product Tab
      • Collection Grid
      • Collection Grid 2
      • Collection Grid Slider
      • Brand Slider
      • Category Slider
      • Featured Blog
      • Newsletter
      • Newsletter 2
      • Newsletter 3
      • Newsletter 4
      • Custom Liquid
      • Rich Text
      • Google Map
      • Page Banner
      • Image With Content
      • Image With Content 2
      • Image With Content 3
      • Video Popup Banner
      • Custom Service Block
      • FAQs Section
      • Latest Blog
      • Customer Review
      • Recently Viewed Products
      • Instagram
      • Offer Gird
      • Breadcrumb
      • Page
      • Marquee
  • Collection & Product
    • Collection
      • Demo & Settings Data
      • Sidebar
      • Category
      • Filter
    • Sub Collection
    • Collections List Section
    • Product Page
      • Demo & Settings Data
      • Product Media
      • Product Tab
      • Product Variant
      • Size Chart
      • Short Description
      • Checkout Button
      • Compare Color
      • Sticky Add To Cart
      • Infomation
      • Sold In Last
      • Hot Stock Function
      • Countdown
      • Customers Viewing Function
      • Trust Image
      • Custom Information
      • Product Review
      • Product Description Tab
      • List Tags
      • Variant Image Grouped
    • Product Recommendations
    • Recently Viewed Products
    • Product Combo
  • Other
    • How To Create A Page?
    • Find A Store/ Store Locator Page
    • Wishlist Page
    • About us
    • Contact Us
      • Layout 01
      • Layout 02
    • 404 error
    • Blog
    • Cart Page
    • Search Page
    • Checkout
  • Browsers Compatibility
  • Official Support
  • Copyright
Powered by GitBook
On this page
  • 1. Set up filter options in Theme Editor
  • 2. Custom style for filter option
  • 3. Tag Filter
  1. Collection & Product
  2. Collection

Filter

PreviousCategoryNextSub Collection

Last updated 1 month ago

  1. From your Shopify admin, go to Online Store -> Apps.

  2. Type to find "Search & Discovery" app of Shopify

  3. Open App -> Click Filter -> Edit Filter.

  4. Choose option filter you want to set up.

1. Set up filter options in Theme Editor

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize

  3. Choose Collection from the dropdown window. At Main Collection, click add block "Filter"

  4. Enter heading and list tags.

2. Custom style for filter option

Labacha offers 3 styles for Filter option: Checkbox, Swatch or Rectangle. If you would like to use Swatch or Rectangle style, please follow instructions below.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Choose Collection from the dropdown window. After that, scroll to Filter at Main Collection

  4. Enter Filter Option Name for Swatch style in Swatch Style For Filter text box (or enter Filter Option Name for Rectangle Type for Filter).

With Color swatch filter option, if your products have custom color/special color, please choose Swatch Type as Basic Color (Use Color name or Image With PNG Format).

After that, please upload an image with the same name as the variant color name (Go to Settings → Files -> Upload Files).

Your image must be in PNG format

Naming convention: Lower cap and use a hyphen "-" to replace white space if your color image name has the white space.

For example: your special color will have this name: "Holo Rainbow", you will upload the png image is: holo-rainbow.png

3. Tag Filter

Set up Filter By Tag.

Step 1: Go go Customize theme -> Collection page -> Add Block Filter

Step 2: Add Tag you want to filter

Maximum for showing 50 blocks per section.

Separate by a comma. i.e: red,blue,yellow.

Required Condition: The tag you add in Editor and the tag you add to your products must be the same. Take note for Lowercase and Uppercase. If they are different, they will not show.

Step 3: Go to Navigation -> Open App -> Choose Filter -> Enable option Tags (displayed as More filters)

Pro Tip: If you don't want to show Tags in Filter Sidebar, you can apply Hidden Tag Filter in Main Collection Setting.