手风琴元素

什么是手风琴元素？

手风琴 是垂直堆叠的标题列表，访问者可以点击展开或折叠。这允许客户控制他们看到的信息，从而使您的页面井然有序且易于浏览。

手风琴设计的一个常见用例是 常见问题页面，其中列出了多个问题，观众只需点击一个问题即可显示他们寻求的答案：

如何在 GemPages 中添加 Accordion 元素

要将 Accordion 元素添加到您的页面，请按照以下步骤操作：

第四步： 在里面 GemPages 仪表板，选择您的页面进入编辑器。

完成后，Accordion元素的配置将显示在左侧边栏上：

配置 Accordion 元素

GemPages 中的手风琴元素完全可自定义。设置分为 两个主要标签: 个人设置 以及 先进的.

1. 设置选项卡

物品管理

• 添加项目：只需点击 添加更多 选项。 
• 复制项目：将鼠标悬停在所需幻灯片上，然后单击复制图标。 
• 删除项目：将鼠标悬停在特定幻灯片上，然后单击垃圾桶图标。

物品风格

• 背景：手风琴中每个项目（包括项目的折叠和展开状态）的背景颜色。

• 边框：自定义边框颜色、粗细和描边。

• 角落：调整圆边的角半径。

• 阴影：添加阴影效果以增加深度。

项目标题

• 标题图标：Accordion 标题图标的设置。

• 标题：页眉标题的文本样式。

• 展开图标：折叠面板中各个项目展开图标的设置。

• 高度：折叠式标题的高度。默认情况下，其高度为“自动”，这意味着高度将自动调整以适应标题内的内容。 

• 背景：更改标题的背景颜色。

• 填充：Accordion 标题的填充，创建从边缘到其内部内容的内部间距。

• 边框：自定义页眉边框。

• 对齐：页眉内容（包括页眉图标和标题）的对齐方式。

项目内容

• 填充：每个 Accordion 项目的内容区域的填充

项目间距

• Gap：每个 Accordion 项之间的间距。默认间距 = 16px

影响

• 悬停项：悬停时折叠标题样式的设置。

• 展开标题：展开时折叠标题样式的设置。点击“展开”设置将打开其弹出窗口，其中包含展开状态的设置。

尺寸

• 宽度：Accordion 元素内实际内容的尺寸。

形状

这些形状设置适用于手风琴的包装。

• 边境
• 角落
• 阴影

显示条件

• 扩展模式：选择顾客可以同时打开的商品数量。
• 单一模式只允许他们打开一件物品。
• 多重选项允许他们同时打开多个项目。
• 自动扩展：设置其中一个手风琴项目默认首先打开。

当该选项为Yes时，会出现选择默认扩展项的设置。 选择默认展开的项目。如果默认打开多个项目，请用逗号分隔。

对齐

• 当元素的宽度为 100% 时，对齐将被禁用。
• 如果没有，默认对齐选项是居中对齐。

2. 高级选项卡

如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.