集合横幅元素

什么是收藏横幅元素？

此 集合横幅元素 GemPages 中有一个元素，它允许你 在收藏页面顶部显示自定义横幅.

如何将收藏横幅添加到您的页面？

重要提示： 收藏横幅元素仅可在收藏页面上使用。

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

第三步： 访问 GemPages 仪表板 > 前往 > 购物，然后点击您的目标收藏页面来找到编辑器。

第三步： 在左侧边栏中搜索 “收集横幅= 并将其拖放到页面上的首选位置。

图像将根据 Shopify 中的设置自动出现。

第三步： 单击该元素以打开其设置以进行进一步自定义。

配置“设置”选项卡

此 集合横幅元素 提供多种自定义选项，帮助您为收藏页面设计完美的横幅：

布局

选择横幅内容的布局样式。 

列宽

控制收藏横幅上的内容排列 列宽 部分：

• 变化率： 设置特定的列比例以保持一致性。
• 适合内容： 根据内容自动调整列宽。

列管理

管理此部分下的列数量。在这里，您可以 复制 当前列， 删除 一个，或 改编 列的位置。

列间距

通过输入特定数字或拖动滑块来调整列之间的间隙。

集合图像

图片：

横幅图片是 直接从您的 Shopify 收藏设置中提取。如果您想更改横幅图片，则需要在 Shopify 内进行更新。

但是，您可以在 GemPages 编辑器中修改集合图像的设置，包括：

• 扩展：您可以选择 保护套 （使图像覆盖整个横幅区域）或 包含 （确保图像完整可见且无需拉伸）。
• 职务：您可以调整图片在横幅中的位置。
• 重复新密码：确定图像是否应在背景上重复。
• 附件：控制图像行为： 滑动 随着页面移动， 固定 保持静止，并且 本地 在其容器内滚动。

覆盖：

在产品系列横幅图片上添加半透明图层，可以提升文本的可读性或营造特定的视觉氛围。当横幅包含明暗区域，导致叠加文本难以辨认时，此功能尤其有用。

• 颜色：选择覆盖的颜色，可以为横幅添加视觉效果。
• 不透明度：根据您的设计偏好，调整覆盖的不透明度，使其更加微妙或大胆。

尺寸

• 适合内容高度 = 是： 横幅的高度会根据其中的内容自动调整。
• 适合内容高度 = 否： 您可以手动设置固定的横幅高度（以像素为单位），而不管里面的内容是什么。

影响

悬停效果：您可以为收藏横幅应用悬停效果。选项包括 没有 or 通过Zoom.

如果选择缩放效果，您可以进一步自定义：

• 缩放值：控制悬停时的缩放级别。
• 缩放时间：设置缩放效果的持续时间。

对齐列

设置元素的垂直对齐方式，包括：

• 顶部对齐
• 居中对齐
• 对齐按钮
• 分布垂直间距

配置高级选项卡

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

如何更改收藏横幅？

要更改收藏横幅，您需要在 Shopify 中更新它。 

这是一个快速指南：

第四步：在 Shopify 管理中心，转到 产品 > 系列.

第四步：选择要更新横幅的集合。

第四步： 访问 图片，单击“ 编辑 > 变更图片 更改横幅图片，然后点击 已保存.

第三步： 返回 GemPages 编辑器。在顶部栏中，点击 已分配收藏集 按钮打开对话框。

点击 再次同步，收藏横幅将会更新。