Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Kalles - Tabs list collections

Alfred

Written by Alfred

Last updated

317 views

On this page


This section is very useful and flexible, you can create many tabs with collections list.

From Theme Section Sidebar > Add section > Tabs list collections

11.png

1. Tab item settings

1.1. Title settings

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

1.2. OPTIONS IMAGE COLLECTION

13.png
  • 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, Image rounded, Image hover effect

  • Collection hover effect: Effect for Collections when hovering.

  • You can change Image ratio, Image size, Image position.

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

14.webp

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

  • Change style for Prev next button and Page dots

15.webp

2. Tabs list collections settings

HEADING OPTIONS

  • Heading: You can add title for this section.

  • Space bottom (px): The vertical spacing between heading and content.

21.webp

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.

DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.​

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, 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, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.