Main Collection
The main collection is the collection you choose to display on the collections page. There are many features to help you customize it, follow this article.
1. Main Collection Content
In Main Collection Section, there are 3 blocks: Filter, Layout switch and Sort by. You can change the position or hide these blocks.
Layout switch does not work with Layout Masonry.
The Filter has 2 styles: Hidden Sidebar and Filters Area. To config the Filter block, you need to go Theme Sections >> Filter Products. There are 2 type of filter, you can follow this link for Filter By Tags and Filter By Product option.
2. How to configure Main Collection section?
2.1. GENERAL OPTIONS
Show description collection: This option allows you can show the description of the collection.
Position description collection: You can select the description shown before or after the main collection.
Product item design: You have 6 designs for product items.
Show product vendors: When you enable this option, you can show the vendors. To add product vendors, please click on Products -> Product Vendor.
Show product countdown: This option allows you to show the countdown for the product. You need to configure the Countdown Metafield and then add the date and time in each product.
You can refer to this video for these options:
OPTIONS IMAGE PRODUCTS:
Image ratio, Image size, Image position: change the display of product image.
Product content align: You can change the alignment of the product content.
Maximum products to show: This feature helps you limit the number of products to show on 1 page.
Enable list switch /Set list view as default: Two options will help you enable the list switch and set list as the default for the collection page.
Items per row: You can set the limitation of the products per row. It has a few options to set on many devices. This option only works when you hide the Layout Switch block.
Space horizontal items/Space vertical items: You can change the vertical and horizontal spacing between products. These options are available on Desktop and Mobile devices.
Layout design: There are two types of Grid and Masonry for layout.
PAGINATION OPTIONS:
Pagination: This option allows you to change the design of pagination. There are 3 types: Default, "Load more" button, and Infinite Scrolling.
With Infinite Scrolling, you can scroll until all of the Collection's products show up.
Enable progress bar?: Only active when you use 'Load more' or 'Infinite scrolling'.
Enable button icon: You can enable this option to show the icon of Load more and Infinite Scrolling button.
Button style, Button size, Button color, Hover button effect, Button position: config the appearance for Pagination Button.
To customize the Custom Color, please click on Button config section.
You can refer to the video below to know more about these options:
COLLECTION FILTER:
You can choose the Filters type: Filter by tags or Filter by product options for Filter Block.
2.2. DESIGN OPTIONS
Layout: There are 3 types of layout Container, Wrapped Container, and Full-width.
Background/Background gradient/Background image options allow you to design the background.
Margin/Padding: You can change the margin/padding for Main Collection. Besides, you can configure it specially for tablet and mobile devices.
2.3. THEME OPTIONS
Use collection link on vendor: Allow removing 'vendor' in URL '/collection/vendor'.
Note: Only active if exist a collection has the name same as the vendor of the product.
Enable rating: display reviews on Product Item, please follow this guide
Placeholder for product no image: Please follow this guide
Maximum images to show: This option will show 1 image when you select "1" and show 2 images (second product image item) when you select "2". You can see this option when you hover the product image items.
Wishlist mode: Our theme supports many Wishlist app. You can see the list and to the wishlist app work, please install the app and integrate it with our theme.
Please follow this document for details in these options below:
Size list position, Show type, Enter variant name you want show size list: You can follow this guideline.
Enable color swatches: This option helps the product item show the color variant. You can follow this guide.
Price varies style: You can select the style to show for the Collection page.
Reviews app: You can select one app to show your product review. Please install the app and integrate it with our theme. You can follow this guideline.
Show currency codes: This option allows you can show the Currency code behind the price.
[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
