滑页/滚动页元素

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

关于滑页/滚动页元素

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

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

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

pagefly slideshow 1

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

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

滑页元素配置

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

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

pagefly slideshow 2

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

常规选项参数

pagefly slideshow 3pagefly slideshow 4

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

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

    • 导航样式 四:

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

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

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

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

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

样式选项参数

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

嵌套元素配置

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

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

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

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

滑页元素的常见情况

设置全屏滑页

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

替换滑页中的图片

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

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

Navigate this category

PreviousPrevious article

Next articlePrevious

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

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

I got it!