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

Collapsible content

PreviousContact formNextMulticolumn

Last updated 10 months ago

Collapsible content is commonly used for frequently asked questions(FAQs) page.

Setting
Description

Caption

Enter text to display as a caption in the section.

Heading

Enter text to display as a title in the section.

Heading size

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

  • Small

  • Medium

  • Large

Heading alignment

Following is the heading alignment customization of the section:

  • Left

  • Center

  • Right

Layout

Following is the layout customization of the section:

  • No container

  • Row container

  • Section container

Color scheme

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

  • Background 1

  • Background 2

  • Accent 1

  • Accent 2

  • Accent 3

Container Color scheme

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

  • Background 1

  • Background 2

  • Accent 1

  • Accent 2

  • Accent 3

Open first collapsible row

By enabling this checkbox, you can open first collapsible row in collapsible content section.

Image layout

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

Customization of the "Image ratio" in the collapsible content section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Desktop layout

The desktop Image customization section is as follows:

  • Image first

  • Image second

Add collapsible row

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

Block
Description

Heading

Enter text to display as a heading in the section.

icon

In the section, the icons are given to select. are for selecting:

  • None

  • Flash sale

  • Apple

  • Banana

  • Bottle

  • Box

  • Carrot

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Gluten free

  • Heart

  • Iron

  • Leaf

  • Leather

  • Lightning bolt

  • Lipstick

  • Lock

  • Map pin

  • Nut free

  • Pants

  • Paw print

  • Pepper

  • Perfume

  • Plane

  • Plant

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Serving dish

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

  • Washing

  • Chat

Row content

Enter text to display as a row content in the section.

Row content from page

By using these settings, the selected page will display its content like row content.

Live Chat Support | Webibazaar Template
Logo