SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Filter By Tags

Mie Tran

Written by Mie Tran

Last updated

1587 views

On this page


Filter by Tags allows customers to search for products by selecting specific tags. Make sure your product has tags such as Color, Material, etc.

1. Enable Filter by Tags

To enable this option, please click on Collection page > Main Collection > scroll to the COLLECTION FILTER > select filter type: "Filter by Tags"

11-12-22_16-55-01.webp

2. Add tags for products

This is an important step, you need to add tags for the products. From Shopify Dashboard > Products > Select Products to add tags.

31.png

3. Configure Filter Tags section

After you added the tags for products, you will configure the option on the Sidebar. Each block will correspond to a group tag that you attach to the product.

Click on Filter by Tags > Add blocks to show.

13.webp
  • Hidden block: If checked block will be set to hidden.

  • Filter by categories title: Named follows the tags you’ve added, i.e By Color, By Size.

  • Design block filter: There are 3 designs: Default, Checkbox and Tag, try each and select the design that you want.

23.webp

3.1. Shop by tags list

You need to enter the tags name here, i.e: Black, Pink, White, Blue, Green, Cyan.

This option allows you to fill the tag manually, so you can control the tag that you want to show. It can help to position tags as you want, i.e: sort the size of shoes or clothes.

Step 1: Add product tags

32.png

Step 2: Add the tags list to the Filter block

15.webp

3.2. Use auto filter groups

This option will show all the filters in the same group.

The data will be retrieved in the tags you entered in Product Tags, so the position of the tags will also be sorted automatically.

  • Filter keyword: Please enter the key for filter group, i.e: Color, Size, Brand.

Step 1: You need to add the tags: group_tagname or group-tagname. If you don't create the tags like that, it will not work. For example, work: size_L, size-S, doesn't work: size L, sizeS.

33.png

Step 2: Enable Use auto filter groups and fill in the keyword.

22.webp

🎁 Exclusive Deals for The4 Customers

EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114) on Pro plan.

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free
SectionAI

🤖 EcomRise: Upsell & Bundles

Boost sales effortlessly with product bundles, upsell and cross-sell, buy X get Y, volume discounts

  • ✅ Easy upsell & cross-sell
  • ✅ Works with the latest themes
  • ✅ Trusted by 10k customers
🚀 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.