Filter Sidebar

1 - Go to theme Settings > Collection page

1.1 - Shop sidebar

Select main content and sidebar alignment for shop pages.

1.2 - Sidebar size

You can set different sizes for your shop pages sidebar

1.3 - Use hidden sidebar and Space top sidebar

Only active when disable hidden sidebar

Result:

2 - Go to Sections > Sidebar shop

  • Then click to "Content" > Add the section you want to show on sidebar

2.1 - Categories

2.1.1 - Categories

  • Show all: It will show all categories on your store.

  • Show a link list and choose a link list: It will show some categories

2.1.3 - Show count

2.2.1 - Title

2.2.2 - Collection to use

  • Choose a collection to show products

2.2.3 - Number of products to show

Result:

2.3 - Recent Post

2.3.1 - Title

2.3.2 - Blog to use

2.3.3 - Date format

  • Different format options display for various languages.

2.3.4 - Number of products to show

Result:

2.4 - Instagram Feed

2.4.1 - Heading

2.4.2 - Instagram username

2.4.3 - Instagram tag

  • Auto use tag when username is blank

2.4.4 - Number of photos

  • Current window (_self): When you click to image it will load byself for opening tab

  • New window (_blank): When you click to iamge it will navigate to new tab for opening

2.4.6 - Spaces between photos

2.4.7 - Rounded corners for images

2.4.8 - Photos per row on desktop/tablet/mobile

  • How many photos you want to show per row

Result:

2.5 - Shipping Delivery

2.5.1 - Title

2.5.2 - Shipping block

Example: pe-7s-car,Save up to 20%,limited time Get icons Pe icon

Example: phone,Save up to 20%,limited time Get icons Line awesome

Result:

2.6 - Custom HTML

2.6.1 - Heading

2.6.2 - Content page

Result:

2.7 - Text

2.7.1 - Heading

2.7.2 - Text

Result:

2.8 - By Brand

2.8.1 - Hidden block

  • If checked block will be set to hidden.

2.8.2 - Filter by categories title and Shop by tags list

It just work when using Filter By Tag

You need to add the tag on Tags

Then add on the "Shop by tags list"

2.8.3 - Filter key word and design

  • Create tag filter groups in Shopify. This snippet is designed to group and separate out collection tags. Use admin extensions

Result:

2.9 - By Color

2.9.1 - Hidden block

  • If checked block will be set to hidden.

2.9.2 - Filter by categories title and Shop by tags list

You can use Filter By Tag or Filter By Group

Create tag filter groups in Shopify. This snippet is designed to group and separate out collection tags. Use admin extensions

Result:

From The4

Hope you success!!