折叠元素

您可通过本文了解“折叠”元素及其使用方法。

关于折叠元素Click to copy

折叠元素用于在页面上创建可折叠的内容,使页面更简洁并提升用户体验从而提高转化率。 您可以将“折叠”元素用作“标签”,“滑页”元素的内容,或显示商店的常见问题。

要使用“折叠”元素,请选择左侧边栏上的名为“添加元素”的图标>“容器”>选择“折叠”元素,然后将该元素拖放到页面编辑器中。

请注意,您可使用搜索功能来找到此元素,而不是在侧栏中找到它。

pagefly accordion 1

折叠元素有多种变体,可以满足您大多数需求。 我们将继续添加更多变体,以帮助您节省时间。

将变体拖动到布局中,然后查看如何进行配置。

折叠元素配置Click to copy

折叠元素有大量参数,可让您通过设置这些参数微调内容外观以实现最佳转化率。

选择布局中的元素以查看其参数。

pagefly accordion 2

通过本文,我们将显示“折叠”元素的“常规”和“样式”选项的参数。

常规选项参数

1. 内容
  • 折叠项目:在此处添加/删除/复制折叠元素。您还可以通过拖动折叠元素名称左侧的3个点图标来重新排列这些折叠元素的顺序。
  • 折叠标识:您可以根据自己的喜好选择3种样式的图标。
  • 标识位置:在左侧或右侧之间选择。
  • 允许打开多个项目:允许您的访问者一次打开多个标签。
  • 默认开启项目:默认的折叠元素项目,无需单击即可打开。
2. 操作 您可以在此处阅读有关操作参数的更多信息
3. 属性 你可以在这里阅读更多。
4. 能见度 你可以在这里阅读更多。
5. 动画效果 你可以在这里阅读更多。

样式选项参数

您可以选择以下样式:
  • 折叠元素标题
  • 折叠元素内容

对于“折叠元素标题样式”,除了以下参数之外,您还可选择“标题状态”,其中包含3个选项:“正常”,“悬停”,“选定”。

1. 整体您可以在此处了解所有这些参数。
2. 边距您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

内含元素设置Click to copy

折叠元素是一组多个内容。 您通过将“折叠内容”中的其他元素作为普通模块拖进行编辑。

pagefly accordion 3

由此,您可以在折叠内容中拖放任何其他元素。

Thank you for your feedback!

Navigate this category

PreviousPrevious article

Next articlePrevious

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!