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. General Options For Main Collection

1.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. Please follow this video and choose it:

  • 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. Please follow the guideline.

OPTIONS IMAGE PRODUCTS

  • Image ratio: Aspect ratio custom will be set in the general panel.

  • Image size: This option allows you can select the size of the image. These settings do not apply to the image ratio of "Adapt to Image".

  • Image position: You can change the position of the image. Similar to the image size, it does not apply to the image ratio of "Adapt to 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.

  • 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 of Default, "Load more" button, and Infinite Scrolling.

And 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: This option helps you to change the style of the button. There are 4 types of Default, Outline, Bordered Bottom, and Link.

  • Button size: You can customize the size of the button that you want.

To customize the Custom Color, please click on Button config.

  • Button color: Changes the color of the button.

  • Button hover effect: You can add the effect for button when you hover. It only works when the button style is Default and Outline.

  • Button position: You can change the position of the button Left, Center, and Right.

1.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 of the top list Collection.

  • Margin/Padding: These options if you do not use them, you can blank.

1.3. Theme options

  • Enable 'product url has link collection': This option helps you to remove “collections/collection-name” from the URL and make it lead to “product”. It means the URL will be changed from “your domain/collections/collection-name/products/product-name to “your domain/products/product-name”.

  • 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.

  • 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.

2. Main Options

2.1. Filters

You are allowed to set the Filter style as Hidden sidebar or Filters area.

Hidden sidebar:

Filters area:

Storefront filters allow you to set up product filtering on your search and collection pages. When you enable filtering, customers can filter your products by availability, product type, color, or other options to find the products that interest them the most.

You can customize filters for your store here:

Filter products: You can go to Navigation from the Shopify admin page to add the filter you want or click on the link which was posted here.

Filter style color: If you want to have the style color. Separate by a comma, i.e “label1, label2, label3”.

Filter style tag: If you want the filter showing the tags, you can add the tags in the product and then fill them here.

2.2. Layout switch

This option allows you can show list layout switches for your customers. There are many types of switches, you try to change the layout of the collection page.

To show the list switch please enable it in the Main Collection.

Note: It does not work with Layout Masonry.

2.3. Sort by

This feature helps you to sort products by filters and makes it easy for customers to find products.

[Private Offer] EComposer Partner Plan

Exclusively for Kalles 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 Kalles 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 “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated