SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Ocolus - Tabs collection banner

Annie

Written by Annie

Last updated

531 views

On this page


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.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

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.