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.2 - Choose a link list
1.3 - Show count
2 - Featured products
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!!
​

Footer bottom

Collection page (Sections)

Last modified 10mo ago