小工具太窄或有很大的間距

如果小工具太窄、有很大的間距，或與附近內容重疊，請先使用內建的寬度與間距設定。如果這些設定無法解決問題，可能需要調整佈景主題的放置容器。

設定寬度

1. 在 Bundlex 中開啟折扣，前往 樣式 分頁。
2. 展開 小工具樣式，然後展開 容器。
3. 將 最大寬度 設為 全寬（100%），或選擇 自訂 並輸入寬度。
4. 儲存後，在桌面版與行動版上檢查商品頁面。

預設寬度為 Shopify 預設值（44rem）。全寬會填滿小工具的父容器，因此無法讓狹窄的佈景主題欄位變寬。

調整上方或下方的間距

在同一個容器區段中，使用上邊界與下邊界調整間距。這些設定隸屬於此折扣，比套用至整個商店的 CSS 覆寫更容易維護。

如果變更邊界沒有影響間距，該空間可能屬於其他佈景主題區塊或區段。請將商品 URL 提供給支援團隊，以便我們確認是哪個元素負責該空間。

小工具與評論、徽章或其他區塊重疊

如果小工具放在原本為短版購買按鈕設計的容器中，可能會超出該容器的固定高度，進而覆蓋配送文字、評論或下方其他內容。增加小工具寬度或加入邊界，可能無法解決根本的放置問題。

請將商品 URL 與顯示重疊情況的螢幕截圖提供給支援團隊。我們可以檢查是否能將小工具放置在受限容器之外的合適位置。請勿僅因其他應用程式的內容剛好位於小工具下方，就移除該應用程式。

切換至應用程式區塊前

如果您選擇手動放置區塊，請先確認該區塊位於實際商品頁面會呈現的區段中。關閉嵌入後，立即重新載入該頁面。如果小工具消失，請重新開啟嵌入並聯絡支援團隊。

對於包含贈品的折扣，保留嵌入也能維持購物車頁面的贈品清理功能。請參閱選擇嵌入或應用程式區塊。

需要自訂 CSS 時

只有在內建設定無法表達所需變更時，才使用自訂 CSS。請將商品 URL 與您想要的版面配置提供給支援團隊，包括行動版是否需要不同的配置。這能讓我們鎖定正確的容器，而不是對每個折扣套用廣泛規則。