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

Collapsible content

PreviousMultirowNextContact form

Last updated 9 months ago

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

Setting
Description

Caption

Enter caption to display as a small text in the section.

Caption style

Following is the caption style customization of the collapsible content of the section:

  • Solid

  • Outline

  • Link

Heading

Enter text to display as a title in the section.

Heading position

Following is the heading position customization of the heading in the section:

  • Next to the collapse

  • Top to the collapse

Description

Enter text to display as a description in the section.

Heading size

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

  • Small

  • Medium

  • Large

Heading alignment

Customization of "Heading alignment" in desktop and mobile devices is 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.

Button style

Customization of "Button style" in desktop and mobile devices is as follows:

  • Link

  • Outline button

  • Solid button

Layout

Customization of "Layout" in desktop and mobile devices is as follows:

  • 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.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Show secondary background

By enabling this checkbox, you can show the secondary background 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

Custom image

You can customize the icon in the collapsible row by adding a custom image in its place.

Row content

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

Image

To add an image below the row content, select the image here.

Row content from page

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

Live Chat Support | Webibazaar Template
Logo