Collapsible description

In the Flute theme product template, includes 'Collapsible description' section that displays the product related content in format of image with text, text with tabs, description and table.

Setting
Description

Layout

Customization of the "Layout" in the Collapsible description is as follows:

  • Grid

  • Compact

Heading

Enter text to display as a title 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

Expand first row

Enabling this checkbox will display the Expand first row.

Add block

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

1. Image with text

Block
Description

Heading

Enter text to display as a title on the block.

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.

Image

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

Image height

Customization of the "Image height" 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

2. Text with table

Block
Description

Heading

Enter text to display as a title on the block.

Row content first

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

Row content second

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

3. Text with tab

Block
Description

Heading

Enter the name for the tab that will be displayed above the collapsible description.

Tab content

Image The image that will be used as a thumbnail. Row content Enter text to display as a row content in the section.

Custom svg Enter svg code to display as a svg content in the section. Text Enter text to display as a svg below text content in the section.

4. Description

Block
Description

Heading

Enter text to display as a title on the block.

Row content first

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

Row content second

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

Last updated