Cello Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Cello Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Sections
    • Custom Liquid
    • Page
    • Map
    • Lookbook
    • Slideshow
    • Logo list
    • Collection list
    • Scrolling bar
    • Featured collection
    • Multicolumn
    • Featured product
    • Video
    • Sponsored product
    • Testimonials
    • Blog posts
    • Text with icons
    • Image banner
    • Image with text
    • Counter
    • Rich text
    • Multirow
    • Collapsible content
    • Contact form
    • Custom text
    • Newsletter
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Background radius
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Setting the Complementary products(Metafield)
    • Quick order list
    • Product tab
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • 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.3
    • Version 2.0.2
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Multicolumn

PreviousFeatured collectionNextFeatured product

Last updated 6 months ago

Cello theme provides a section, namely "Multicolumn" in this section. 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

Heading

Enter text to display as a title in the section.

Heading size

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

  • Small

  • Medium

  • Large

Description

Enter text to display as a description in the section.

Description style

Customization of the "Description style" in the Multicolumn section is as follows:

  • Body

  • Subtitle

  • Uppercase

Image width

Customization of the "Image width" in the Multicolumn section is as follows:

  • One-third width of column

  • Half width of column

  • Full width of column

Image ratio

In the section, Image size customization is as follows:

  • Adapt to image

  • 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 “3” and a maximum of “5” columns.

Enable carousel on desktop

Use "Enable carousel on desktop" to show the slider carousel on the desktop screen.

Image content alignment

Customization of "Image content alignment" as follows:

  • Left

  • Center

Content alignment

Customization of "Content alignment" as follows:

  • Left

  • Center

Content position

Customization of "Content position" as follows:

  • Above image

  • Below image

Button label

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

Button link

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

"View all" style

Customization of the "View all" style in the Multicolumn is as follows:

  • Link

  • Outline button

  • Solid button

Section background 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

Mobile layout

Number of columns on mobile

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

  • 1 Column

  • 2 Columns

Enable swipe on mobile

The multicolumn slides when the checkbox is activated.

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.

Setting
Description

Color

Modifying the color setting you can change the background and foreground colors of a multicolumn's card.

Image

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

Subheading

Enter the text you would like to display as a subheading on the image.

Heading

Enter text to display as a heading in the image.

Description

Enter text to display as a description below the image.

Description style

Customization of the "Description style" in the Multicolumn section is as follows:

  • Body

  • Subtitle

Button label

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

Button link

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

Button style

Customization of the "Button style" in the multicolumn is as follows:

  • Link

  • Outline button

  • Solid button

Live Chat Support | Webibazaar Template
Logo