英雄旗帜视差元素

关于视差部分和 GemPages 的英雄横幅视差元素

视差部分是一种设计技术，其中背景以与前景中的内容不同的速度或方向移动，从而在滚动时产生深度和微妙运动的错觉。 

这种效果不仅增强了视觉吸引力，而且还通过使用户体验更具沉浸感和吸引力，为转化率优化（CRO）带来了好处。

在 GemPages Editor v7 中，您可以使用可用的 英雄旗帜视差 元件。 

如何在您的页面中添加英雄横幅视差？

让我们探索如何使用 GemPages 将 Hero Banner Parallax 添加到您的页面并按照您的方式进行自定义。

• 从您的 Shopify 管理员，访问 GemPages 仪表板 > 前往.
• 找到目标页面，或点击 白手起家 打开编辑器。
• 在左侧边栏中，搜索“英雄横幅视差”，然后将元素拖放到页面上的首选位置。

配置“设置”选项卡

点击元素以打开其设置。在 个人设置 选项卡中，您可以配置：

布局

GemPages 提供 12 种英雄横幅视差布局供您选择。您可以从面板中选择您喜欢的布局，也可以手动输入比例。

背景

设置元素的背景，包括：

• 颜色： 从颜色样本中选择，输入颜色代码，或使用颜色选择器设置背景颜色。

• 图片： 您可以上传新图片或浏览您的图库。

• 视频： 使用 YouTube 视频，或选择 视频托管 为您的元素设置视频背景。

尺寸

自定义元素大小，或点击 作为横幅来源 自动调整英雄横幅视差的宽度和高度。

内容

在此部分中调整元素内容的宽度、填充和对齐方式。

形状

在下面 形状 部分，您可以为英雄部分添加边框、调整角半径并添加阴影效果。

影响

要添加悬停效果，请点击 影响 按钮展开面板。在这里，您可以修改叠加层的不透明度并更改颜色，以获得更好的可见性。

链接

将此部分切换为“开启”，并从下拉菜单中选择用户点击您的英雄横幅后的操作：

• 打开页面
• 滚动到
• 打开弹出窗口
• 发送电​​子邮件
• 打电话

举个例子，如果你选择 打开页面 操作，您可以插入页面链接或从页面列表中选择。然后，设置 打开新标签页 以及 以下链接 = 是/否，随您喜欢。

SEO

为了增强页面的 SEO，您应该在此添加图片的替代文本和标题 SEO 部分。

对齐

您可以为元素选择可用的对齐方式：左对齐、居中对齐和右对齐。

配置高级选项卡

如需更多高级自定义，请导航至“高级”选项卡并按照 本文.