本文将向您展示如何使用 Editor v7 制作粘性部分。
什么是粘性部分?
当访客滚动浏览页面时,粘性部分会固定在原处,非常适合保持重要内容可见,例如促销、导航栏或产品详情。本文内容,您将学习如何使用 GemPages V7 轻松创建两种常见类型的粘性布局:
- A 粘性条 停留在页面顶部或底部
- A 粘性柱 使产品图片与滚动的产品信息保持固定
如果你想创建一个 粘性购物车 借助 GemPages,我们还提供 Sticky Cart 元素。查看 本文 学习如何创建一个。
如何在 GemPages 中创建粘性部分?
#1. 在页面上添加粘性栏
粘性栏对于公告、导航链接、CTA 或促销很有用,这些内容在用户滚动时仍然可见。
来自 GemPages 仪表板,打开您要编辑的模板。您可以快速找到 行 左侧边栏上的元素 编者,拖放 行 到您喜欢的位置。
嵌套您需要的所有元素 行 按照您的意愿创建一个粘性条来完成您的设计。
或者,您可以使用我们的 预先设计的粘性部分 而不是从头开始构建。
- 在MyCAD中点击 软件更新 图书馆 > 栏目,然后搜索 “黏”.
- 您会发现各种现成的布局,包括 粘性条 和 粘性购物车.
- 点击 添加至页面 在您想要使用的部分上。所选布局将自动插入到您的模板中。


2. 让你的产品图片更具粘性
这种布局通常用于产品页面,当用户滚动浏览其他产品详细信息时,产品图像仍保持在原位。

第四步: 从 GemPages 仪表板中,在编辑器中打开您的产品页面模板。
第三步: 点击 产品图像元素 在左侧边栏中显示配置。前往 先进的 标签,找到 “职务= 部分,然后选择“黏”从下拉菜单中。

第四步: 击中 “已保存= 和 “发布= 并在实时页面上检查结果。
根据您使用的主题,粘性位置功能可能无法按预期运行。如果发生这种情况,请联系我们的支持团队寻求帮助。
谢谢您的意见