Use this article to learn about the “fold” element and how to use it.
About collapsing elements
The accordion element is used to create collapsible content on the page, making the page more concise and improving the user experience to increase the conversion rate. You can use the “fold” element as a “label”, the content of a “slide” element, or to display your store’s FAQ.
To use the Collapse element, select the icon called Add Element on the left sidebar > Container > select the Collapse element, then drag and drop the element into the page editor.
Note that you can use the search function to find this element, not in the sidebar.
There are several variants of the folded element to suit most of your needs. We’ll continue to add more variations to help you save time.
Drag a variant into a layout and see how to configure it.
Collapsible element configuration
The accordion element has a number of parameters that allow you to fine-tune the appearance of your content by setting them for optimal conversion rates.
Select an element in the layout to view its parameters.
Through this article, we will show the parameters of the “General” and “Style” options of the “Fold” element.
General option parameters
|2. Operation||You can read more about action parameters here|
|3. Properties||You can read more here .|
|4. Visibility||You can read more here .|
|5. Animation effect||You can read more here .|
style option parameter
|You can choose from the following styles:|
For “Collapse Element Header Style”, in addition to the following parameters, you can also choose “Header State”, which contains 3 options: “Normal”, “Hovered”, “Selected”.
|1. Overall||You can read about all these parameters here .|
|2. Margins||You can read about all these parameters here .|
|3. Typesetting and printing||You can read about all these parameters here .|
|4. Background||You can read about all these parameters here .|
|5. Border||You can read about all these parameters here .|
|6. Display||You can read about all these parameters here .|
|7. Custom CSS||You can read about all these parameters here .|
Contains element settings
A collapsible element is a group of multiple contents. You edit by dragging other elements in the “folded content” as normal modules.
From this, you can drag and drop any other element within the accordion.