Ocolus - Tabs collection banner

This section let you create tabs with banner and brand images to switch between different collections. It makes your store professional and flexible.

Steps: In the theme editor (Customize) > Add section > Tabs collection banner > Save.

1. Tab item

11.png

Each Tab item is for one tab, click on Tabs collection banner > Add Tab Item.

  • TAB OPTIONS: you can fill in Tab title, Enter icon, Image on title item, choose Collection to show products, set up Item background color for each tab

12.png
  • BANNER OPTIONS: fill in Title and Image, Text for banner

13.png
  • LIST BRAND: upload brand images

14.png

2. How to config Tabs collection banner settings?

HEADING OPTIONS

  • You can enter the Heading and Subheading, also can choose text align: center.

21.png

TAB TITLE OPTIONS

  • Adjust the design, position, margin, font style, colors for the tab title. Please check this video:

PRODUCT ITEM AND OPTIONS IMAGE PRODUCTS

  • choose design for product, enable vendor, countdown and config image ratio, size, position.

22.png
  • Maximum products to show and Items per row for desktop, tablet and mobile

23.png

BOX OPTIONS

  • Layout design: You can choose Grid, Carousel or Masonry layout.

  • With Carousel layout, you can Enable loop, config Autoplay speed

    Prev next buttons: enable them and change Visible, Button style, Button color, Button size, etc...

  • Page dots: enable and change some styles

You can check this video to know more:

DESIGN OPTIONS

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