小组件太窄或存在较大间距

如果小组件太窄、间距过大或与附近内容重叠，请先使用内置的宽度和间距设置。如果这些设置无法解决问题，可能需要调整主题的放置容器。

设置宽度

1. 在 Bundlex 中打开优惠，然后前往样式选项卡。
2. 展开小组件样式，然后展开容器。
3. 将最大宽度设置为全宽（100%），或选择自定义并输入宽度。
4. 保存，然后在桌面设备和移动设备上检查产品页面。

默认宽度为Shopify 默认值（44rem）。全宽会填满小组件的父容器，因此无法使主题中较窄的列变宽。

调整上方或下方的间距

在同一个容器部分中，使用上边距和下边距调整间距。这些设置属于此优惠，比针对整个店铺的 CSS 覆盖规则更易于维护。

如果调整边距没有影响间距，则该空白可能属于主题中的其他区块或分区。请将产品 URL 分享给支持团队，以便我们确定该元素的归属。

小组件与评论、徽章或其他区块重叠

如果将小组件放置在原本为较短购买按钮设计的容器中，小组件可能会超出该容器的固定高度。这样一来，它就会覆盖配送文本、评论或下方的其他内容。增加小组件宽度或添加边距可能无法解决根本的放置问题。

请向支持团队提供产品 URL 和显示重叠情况的截图。我们可以检查是否能将小组件放置在受限容器之外。不要仅仅因为另一个应用的内容恰好位于小组件下方，就移除该应用。

切换到应用区块前

如果您选择手动放置区块，请先确认该区块位于实际产品页面会渲染的分区中。关闭嵌入后，立即重新加载该页面。如果小组件消失，请重新开启嵌入并联系支持团队。

对于包含赠品的优惠，保留嵌入还可以保留购物车页面的赠品清理功能。请参阅如何在嵌入和应用区块之间选择。

何时需要自定义 CSS

只有在内置设置无法实现所需更改时，才使用自定义 CSS。请向支持团队发送产品 URL 和您希望的布局，并说明移动设备上是否需要使用不同布局。这样我们就能定位正确的容器，而不是对每个优惠应用宽泛规则。