LayoutHub
User Guides
Layout Development
Search…
What is LayoutHub?
User guides
Support
Installation
Uninstallation
Upgrade/Downgrade
FAQs
Common Issues
Layout Management
Section builder
LayoutHub pages/templates
Home Page
Sub-page
Product Template
Collection Template
Blog Templates
Article Templates
Insert section
Pricing Plans
Settings
Trash
Sale Tools
Referrals
Integration
Tracking & Analytics
Layouthub & Shopify
Translate Apps
Recommend apps
Development
Getting started
Tools
Layout Structure
Reference
Powered By
GitBook
Collection Template
How to create Collection template?
Follow instruction below:
1 - Click to
Collection template
>
Add new collection template
2 - You can start with blank layout or layouts available in our library
When edit template you can see whole
collection
layouts and collection sections in our library
3 - Config Layout
3.1 - Section settings
3.1.1 - Background color
3.1.2 - Background gradient colors
Background overlay & gradient You can make background overlay by set only the first color with rgba color (alpha < 1)
Gradient colors
3.1.3 - Background image
3.1.4 - Advanced
- Section ID (
Use for Connective Button
)
- Margin Padding
3.2 - Editing
3.2.1 - General
Select collection
Number of item to show
Show 2 items in mobile:
Show product title:
Full title
Short title
Product image size
Remember, you have to follow available syntax for displaying.
Promo label
Use rating
Banner content
3.2.2 - Sidebar component
Style sidebar
Left sidebar
Right sidebar
Off - Canvas
Collection
Component title and Select Menu
This Menu take from Shopify navigation
Color
Component title and Filter values
Learn more How to set color
here
Item width
Auto
50%
100%
Size
Component title and Filter values
Enter your tag here, Example: S,M,L,XL
When you click to S, M, L, 42, 34, 25,... it will filter product. You have to set tag for product first.
Item width
Brand
Remember set tag for product
Feature products
Banner sidebar
3.2.3 - Change text
Use for changing text in Title features: You can change size, color, style, background, etc...
4 - Set default
Collection template only active when you set template as template default for all collection or as template with assigned.
4.1 - Layout for all collections
4.2 - Layout for each collection
Previous
Related Product
Next
Blog Templates
Last modified
1yr ago
Copy link
Contents
How to create Collection template?
1 - Click to Collection template > Add new collection template
2 - You can start with blank layout or layouts available in our library
3 - Config Layout
3.1 - Section settings
3.2 - Editing
4 - Set default
4.1 - Layout for all collections
4.2 - Layout for each collection