Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • 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.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • 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

PreviousCollapsible contentNextEmail signup

Last updated 10 months ago

The "Multicolumn" section is provide by the Viola 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

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

Heading alignment

Following is the heading alignment customization of the heading of the section:

  • Left

  • Center

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.

Column alignment

Customization of "Column alignment" as follows:

  • Left

  • Center

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.

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

Secondary background

Customization of the "Secondary background" in the multicolumn section is as follows:

  • None

  • Show as column background

By employing the 'Show as column background' you can show the secondary background in multicolumn section.

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. Slider arrow position customization of Slider arrow position in Mobile devices.

  • Top

  • Inline

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 title below 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 section.

Button link

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

Live Chat Support | Webibazaar Template
Logo