Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • How to create product template?
    • Quick order list
    • Recently viewed product
  • Collection Page
    • How to create collection template?
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Multicolumn

PreviousCollection listNextCollapsible content with image

Last updated 11 months ago

CtrlK

The "Multicolumn" section is provide by the Koto theme. This section is used to add a Image wise-banner with a title,content and button. you can show the multicolumn image banner as a slideshow.

Setting
Description

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Heading

Text

Enter text to defines the main heading of the section.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Image size

Customization of the "Image size" in the multicolumn section is as follows:

  • Small

  • Medium

  • Full width

Image ratio

In the section, Image size customization is as follows.

  • Portrait

  • Square

  • Circle

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “4” columns.

Column alignment

Customization of "Column alignment" as follows:

  • Left

  • Center

Column shown as

Customization of the "Column shown as" in this is as follows:

  • Transparent background

  • With background

  • Separator

Button

Label

Use "Button label" to add a label to the Button in the section.

Link

Use "Button link" to add a link to the Button in the section.

Style

Customization of the button style in the multicolumn is as follows:

  • Link

Mobile layout

Number of columns on mobile

"Number of columns on mobile" is used for the customization of columns in mobile devices.

  • 1 Column

  • 2 Columns

Add Column

To add column to the Multicolumn section, click on the 'Add column'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

Use "Image" to add the image to the section.

Heading

Enter text to display as a heading of the image.

Description

Enter text to display as a description below the heading.

Button

Label

Use "Button label" to add a label to the Button in the block.

Link

Use "Button link" to add a link to the Button in the block.

Style

Customization of the button style in the multicolumn is as follows:

  • Link

Outline

  • Solid

  • Outline

  • Solid

  • Live Chat Support | Webibazaar Template
    Logo