Tabs collection

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

1.Tabs collection setting

1.1 HEADING OPTIONS

You can change: design, align, content, icon, subheading and space bottom in this setting for heading.

We have 14 Design for heading, you can look over this video:

1.2. GENERAL OPTIONS

  • Tab design: we have 7 design for tab as the video below.

  • Tabs item border: choose border for tab items. There are 4 options: none, solid, dashes, dotted.

  • Customize color for item, background, border. Only working with design has border and background.

  • Space between items, Tabs List Position, Tabs list margin bottom:

Here is an example for customizing tab items:

1.3 DESIGN OPTIONS AND CUSTOM CSS

There are some options for layout of this section: layout, background, margin and padding. Also have optional for mobile only.

You can put your own css code in Custom css. This code will be apply only for this section.

2.Tab item

  • Tab title: Show the title of tab item

  • Enter a icon name on tab title: Show icon in front of tab title.

  • Collection: You can choose the collection to show product.

  • Product item design:

+ Design: we have 6 designs for product items, the change when you hover on product. Let watch this video to know more.

+ Show product vendors

+ Show product countdown: This feature will work with product has metafield countdown.

You can make countdown by following this document: https://docs.the4.co/kalles-4/product-page/how-to-configure-product-metafield#1.-product-metafield-countdown

+ OPTIONS IMAGE PRODUCTS: you can change Image ratio, Image size, Image position.

+ Product content align: set text align for text content of product.

  • Quantity of product to show and Space between items:

  • BOX OPTIONS:

+ CAROUSEL LAYOUT

You can choose layout Carousel, customize for prev next button, page dots.

+ GRID OR MASONRY LAYOUT

You can choose Pagination style, progress bar, icon and button design.

[Private Offer] EComposer Partner Plan

Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Kalles with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated