Collection Page

Watching tutorial video part 1 in here: https://www.youtube.com/watch?v=xlF4d3mkjnY&list=PLZSqbv2i8LOD_QjTa-YlD39PsbUG-gJt_&index=16

Go to Collection pages > Theme settings > Collection page

1 - Shop Page Layout

1.1 - Shop Layout

  • Default:

  • Wide(1600px):

  • Full width:

1.2 - Shop Design

  • Default:

  • Masonry:

  • Packery: Packery only active when disable sidebar or enable hidden sidebar

1.3 - Description position on:

2 - Shop Sidebar

2.1 - Config sidebar in Theme settings

  • Shop sidebar: You can set it "None", show on the "Left" or "Right"

  • Sidebar size: You can set different sizes for your shop pages sidebar (Small, Medium, Large)

  • Use hidden sidebar?

  • Space top sidebar: Only active when disable hidden sidebar

2.2 - Config sidebar in sections

  • Make sure your Sidebar collection is enabled

  • Go to Collection pages > Sections > Sidebar shop

** Content(2.2)

1 - Categories

1.1 - Title

1.3 - Show count

2.1 - Title

2.2 - Collections to use & Number of products to show

3 - Recent post

3.1 - Title

3.2 - Blog to use

3.3 - Date format

  • Different format options display for various languages.

3.4 - Number of products to show

4 - Instagram feed via App

Firstly, you need to install Section Feed App to use this section. This App is absolutely free.

Some steps for config:

Result:

5 - Shipping delivery

5.1 - Title

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

6 - Custom HTML

7 - Text

7.1 - Heading

7.2 - Text

8 - By vendor

9 - By color

9.1 - Title

9.2 - Tag source

10 - By variant (size)

3 - Shop Settings

  • Ajax Shop

  • Scroll to top after AJAX

  • Show column switch? Only active when you use 'Shop Design Default'

  • Enable sorting?

4 - Filters settings

4.1 - Shop filter

4.2 - Popup filters style

Filter by product options only working well when collection <= 1000 products. Collection filter by products variants (title, vendor, type, only available, colors, sizes, price...)

4.3 - Filters mode

If you want to know more about filter by product options, please click here

If you want to know more about filter by tag, please click here

4.3.1 - Filter by tags

This feature using tag from product tag in shopify

4.3.2 - Filter by product options

Still using product tag in shopify but with product options.

4.4 - Logic filter options

From The4

Hope you success!!