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

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.