Tabs list collections
This section is very useful and flexible, you can create many tabs with collections list.
From Theme Section Sidebar -> Add section Tabs list collections
1.Tabs list collections settings
1.1.HEADING OPTIONS
Heading: You can add title for this section.
Space bottom (px): The vertical spacing between heading and content.
1.2.GENERAL OPTIONS
Color item: You can set color for Tabs collections.
Color item active: You can set color when hover to Tabs collection or active it.
Background/border item active: You can set color for border Tabs when active.
Space between items: You can set space between Tabs.
1.3. DESIGN OPTIONS
Layout: You can choose between Container, Full width and Wrapped container.
Background: You can change the background color for this section.
Background gradient: You can change the background gradient color for this section.
Margin, Padding: You are allowed to change both of them for this section.
2.Tab item settings
2.1.Title settings
Tab Title: You can add title for Tab collections.
Collections list: You can add multiple Collections in this option.
Collection item design: You can change the design for items.
Colors: You can set color for Title, Title hover, Subtitle, Count, Border.
Collection subtitle: You can change the subtitle of collections.
Open link in: Works when the item has a link.
2.2.OPTIONS IMAGE COLLECTION
Source: You can choose between Image or Icon source to display on collections.
Space bottom: Space between image and info of collection.
Enable border: Border for collections.
Image padding: Only working when collection has border.
Image rounded: You can adjust the roundness of the Image collections.
Image hover effect: Hovering effect will resize your images
Collection hover effect: Effect for Collections when hovering.
Image ratio: Aspect ratio custom will settings in general panel.
Image size: This settings apply only if the image ratio is not set to 'Adapt to image'.
Image position: The first value is the horizontal position and the second value is the vertical. This settings apply only if the image ratio is not set to 'Adapt to image'.
2.3.BOX OPTIONS
Layout design: You can set the layout design as Grid or Carousel.
Items per row: You can set item per row for many devices.
Space horizontal items: You can set space between items by horizontal.
Space vertical items: You can set space between items by vertical.
2.4.OPTIONS FOR CAROUSEL LAYOUT
Enable loop: At the end of cells, wrap-around to the other end for infinite scrolling.
Autoplay speed in second: Set is ‘0’ to disable autoplay.
Pause autoplay on hover: Auto-playing will pause when the user hovers over the carousel.
2.5.Prev next button
Use prev next button: Creates and show previous & next buttons.
Visible: You can choose between Always visible or Only hover.
Button style: You can set style for prev/next button.
Button shape: You cans set button shape for prev/next button (Not working with button style 'Simple').
Button color: You can set color for prev/next button.
Button size: You can set size for prev/next button.
Hidden buttons on mobile: This option allows you to disable prev/next button on mobile.
2.6.Page dots
Hidden dots on mobile: This option allows you disable dots on Mobile versions.
Dot between horizontal: You can adjust space between dots.
Enable dots round: This option allows you to change the dots square to dots round.
Dots color: You can set color for dots.
Dots style: You can set style for dots.
Use page dots: Creates and show page dots.
[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
