Collection List
This section allows you to show a list of collection. To configure the collection list section, please go to Theme sections > Add section > Collection List
1. Settings
HEADING OPTIONS
Heading design: There are totally 14 heading designs.
Heading align: Align the title to the left, center.
Heading: Enter the content of the heading.
Enter a icon name on heading: Go to LineAwesome to get the icon that you want to show on design 6.
Subheading: Enter the content of the subheading.
Space bottom (px): This allows you to change the space between the heading and content.
Please follow this video below for details:
GENERAL OPTIONS
Collection item design: There are totally 13 heading designs.
It helps you configure the title of collection item with options for Title color, Title hover color, Subtitle color, Count color, Border color.
Collection subtitle: Enter the content of the sub title.
Open link in: This option allows you to set the link to open in the current window or a new window when a customer clicks on the button.
OPTIONS IMAGE COLLECTION
Source: The Source option allows you to choose to show the collection item from Image or Icon.
It helps you configure the image collections with options for Space bottom(both on desktop & mobile), Image padding, Image rounded, Image hover effect, Collection hover effect, Image ratio, Image size and Image position.
BOX OPTIONS
Layout design: You can choose among Grid and Slider.
It helps you configure the image products with options for Items per row(both on desktop, tablet & mobile), Space horizontal items(both on desktop and mobile), Space vertical items(both on desktop & mobile)
Please follow this video below for details:
OPTIONS FOR CAROUSEL LAYOUT
Enable loop: At the end of cells, wrap-around to the other end for infinite scrolling.
Autoplay speed in second: You can set the automatically time move on to the next collection item. Set is ‘0’ to disable auto play.
Pause autoplay on hover: Auto-playing will pause when the user hovers over the collection list
PREV NEXT BUTTON
Use prev next button: This option allows you to enable/disable prev/next buttons for section.
Visible: You can choose between Always/ Only hover.
Button style: You can choose between Default, Outline, Simple.
Button shape(Not working with button style 'Simple'): You can choose between Default, Round, Rotate.
Button color: You can choose color for this button.
Buttons size: You can choose between Small, Medium, Large.
Hidden buttons on mobile: This option allows you disable this button on mobile devices.
PAGE DOTS
Use page dots: This option allows you to enable/disable page dot.
Dots style: You can choose between Default, Outline, Elessi.
Dots color: You can choose color for Dots.
Enable dots round: You can change dots from square to round.
Dots between horizontal: You can change the space between dots.
Hidden dots on mobile: This option allows you disable dots on mobile devices
DESIGN OPTIONS
Layout: You can choose between Container, Wrapped Container and Full width. Besides, you can also upload a background image, choose a background color, or a background gradient for the layout.
Margin, Padding: You are allowed to change both of them for both on Mobile & Desktop devices.
2. Collection Item
Collection: Select a collection that you want to show on collection item.
Collection image:It allows you to upload an image for the collection item. This only works if you select the Image source from OPTIONS IMAGE COLLECTION in Settings.
Enter a name icon: Go to LineAwesome to get the icon that you want to show. This only works if you select the Icon source from OPTIONS IMAGE COLLECTION in Settings.
Collection label: Enter the content of the label.
Link (optional): Input the link for the collection item.
[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
