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

951 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.​


Enjoy a free 3-day trial. Then get your first month for $1. Try Now

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