滑页/滚动页元素

在本教程中,您将学习滑页/滚动页元素以及如何使用它。

关于滑页/滚动页元素Click to copy

滑页元素旨在在单个紧凑视图中显示一系列内容项以提高转化率。 您可用滑页元素显示特色产品,促销活动,客户荐语等。

滑页元素路径,请从左侧边栏中选择添加元素>容器>选择滑页元素,然后将该元素拖放到页面编辑器中。

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

pagefly slideshow 1

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

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

滑页元素配置Click to copy

滑页元素有大量参数,您可微调内容外观以实现最佳转化率。

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

pagefly slideshow 2

在此文中,我们将显示“滑页”元素的“常规”和“样式”选项的参数。

常规选项参数Click to copy

pagefly slideshow 3 pagefly slideshow 4

滑页元素的“常规”选项中的参数包括::

常规选项参数
1. 滑动设置
  • 导航: 滑页的左/右箭头导航有5种不同样式。 或者,您可选择无,并通过单击分页在滑页之间的导航。 这适用于实时页面。 例如,
    • 导航样式 一:

    • 导航样式 四:

  • 滑页:滑页有3种不同样式。
  • 高度:滑动以调整滑页的高度。

请注意:滑页最小高度为100像素,最大为1000像素。

  • 循环:启用/禁用无限循环滑动。 这仅在实时页面上有效。
  • 自动播放:在滑页放映中启用/禁用滑页的自动播放。 这仅在实时页面上有效。
2. 滑动项目 您可通过拖动滑页名称左侧的3个点图标来添加滑页并重新排列这些滑页的顺序。

您也可以从滑页放映中复制或删除滑页

3. 操作 您可以在此处阅读有关操作参数的更多信息
4. 属性 你可以在这里阅读更多。
5. 能见度 你可以在这里阅读更多。
6. 动画效果 你可以在这里阅读更多。

样式选项参数

样式选项参数
有两种更改样式的方式:
  • 滑动设置
  • 导航设置: 有3种选择,例如“正常”,“悬停”和“启用”。
1. 整体您可以在此处了解所有这些参数。
2. 边距您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

嵌套元素配置Click to copy

请注意,滑页元素是多张滑页的组合,每张滑页可以根据您的需要包含各种元素,例如标题,段落,图片,按钮等。

此外,您还可以在每个滑页中嵌入链接,单击滑页上的任意位置后将重定向到所需的位置。

如您要替换或添加滑页的图片背景,可以选择所需的滑页,然后转到“样式”选项卡>“背景图片”,然后选择所需的图像。

您可以在下面看到此图片以进行更好的演示。

滑页元素的常见情况Click to copy

设置全屏滑页Click to copy

如果要为滑页设置,选中滑页模块并禁用“常规”选项中的“设置固定宽度”选项,如下图所示

替换滑页中的图片Click to copy

要将滑页中的图片替换为其他图片,选择所需的滑页,然后转到“样式”选项>“背景图片”并选择所需的图片。

您可以在下面看到此图片以进行更好的演示

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!