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

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

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

• LIST BRAND: upload brand images

2. How to config Tabs collection banner settings?

HEADING OPTIONS

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

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.

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

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.