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
[Private offer] EComposer Partner Plan
Exclusively for Gecko users, 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, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Gecko with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free
Cheers, The4.
Last updated