固定位置容器

固定位置容器用于在页面上放置始终停在固定区域的浮层块：带一张背景图，并可叠加热区等可点击内容。适合侧边联系条、回到顶部按钮、右下角浮窗、固定导航条等，不会跟着某一楼层背景图一起「铺满整层」，而是钉在页面的上、下、左、右等位置。

从左侧 「容器」 拖入 「固定位置容器」，设置图片与位置后，可在内部继续加热区。通常单独放在一个自定义内容模块里，或与其它楼层模块配合使用。

组件能做什么

• 背景图 + 可点区域：容器显示一张图，内部可叠加热区、图片链接等。
• 四角与四边定位：除拖动外，可在样式里设上边距、下边距、左边距、右边距，常见如「贴右下」「贴右侧」。
• 层级较高：发布后浮在普通楼层内容之上，适合做固定入口。
• 可选居中：需要通栏居中浮层时可开启「居中」；多数侧边/角标场景保持关闭，用手动定位。
• 换图带尺寸：设置图片地址后，会尝试按图片大小调整宽高。

设置项说明

位置与大小

除属性表外，主要在样式或画布上调整：

常见用法

右侧联系条 / 在线客服条

切好竖条图，容器贴右侧（设右边距、垂直位置），内部用热区区分「邮件」「WhatsApp」等点击区。

回到顶部按钮

小按钮图贴右下，容器设较小的宽高与右、下边距，热区盖住按钮可点区域。

固定角标 / 活动浮窗

活动入口小图固定在某一角，不占用整层楼层，也不随下方长页面内容错位。

注意事项

• 先定位置再加热区：浮层位置确定后，再在内部加热点区，热区坐标相对本容器。
• 右边距用法：贴右侧时，除设「右边距」外，请按设计稿核对宽度，避免挡住主内容。
• 不宜代替整层背景：整页大图楼层请用「图片背景容器」，不要用固定位置容器硬拉满屏。
• 预览必做：不同分辨率下浮层位置可能略有差异，发布前在旺铺预览点击测试。
• 自定义内容模块：多放在单独自定义模块中，避免与整层背景容器混在同一模块里难以区分层级。

推荐操作顺序

1. 新建或打开用于浮层的自定义内容模块；
2. 拖入「固定位置容器」，设置「图片地址」；
3. 在样式中设置左/右/上/下定位（或拖动到目标角）；
4. 在容器内添加热区并填写链接；
5. 预览滚动页面，确认浮层位置与点击正常后保存发布。

如有疑问，可结合「图片背景容器」「热区组件」文档一起查看。