Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Filter By Tags

Mie Tran

Written by Mie Tran

Last updated

798 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

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

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.