Group filter

Group Filter

Custom filters

Create filters to let customers search products by type, vendor, size, color, and custom options. Automatic filters can be easily created and will sort products based on information in the product tags.

Filter By Tags

Filter by tags will automatic get product tags on collection page.

"Group_TagName" is the format in which you need to name your tags. The name of the group (e.g. Brand, Focal Length, Resolution) followed by an underscore (_) followed by the name of the tag (e.g. Canon, 24 MP, etc). In the example provided, there are nine tags.

Example:


										1. Brand_Canon
										2. Brand_Fugi
										3. Brand_Fuji
										4. Brand_Nikon
										5. Focal Length_18 - 55mm
										6. Resolution_12 MP
										7. Resolution_16 MP
										8. Resolution_18 MP
										9. Resolution_24 MP

From your Shopify admin. Go to Online Store > Themes > Customize > Collection pages

Open panel "Sidebar Filter By Tags"

Product tags: You need input product tags for each product.

Variant Colors

If you use filter by tags (Color) or swatch variant color.You need upload image for each color on your store.

Filter by tags with Color

Swatch variant on product page

UPLOAD IMAGES

From your Shopify admin. Go to Settings > Files

You need upload image for each color at here.

Note: There's an important naming convention to respect here! The image must be named after the color option, but be handleized, and have a .png extension. You should upload image size 50x50 pixels.

For example, if you have a color called 'Déjà Vu Blue', then name your image deja-vu-blue.png

Other example, if your color is 'Blue/Gray', then name your image blue-gray.png

Most simple example, if your color is 'Black', the name your image black.png

Note: Image name must be lowercase.