跳至主要內容
店面小工具與顯示方式

在精選商品區段中顯示小工具

使用 Bundlex 精選組合商品,將優惠放入主題首頁或頁面範本中的 精選商品區段。顧客可以直接在該處選擇優惠,不必先開啟商品頁面。

適用時機

Bundlex 應用程式區塊教學封面,顯示 Shopify 產品資訊區段中位於價格下方的 Bundlex Bundles 區塊。
精選商品操作示範會在 0:52 開始,前面是一般商品頁面的範例。請依序完成區塊設定、商品連結和購物車檢查。影片提供英文字幕。開啟影片教學頁面或在 YouTube 上觀看。

這是用於精選商品的獨立應用程式區塊。在一般商品範本中,請改用一般 Bundlex 區塊或應用程式嵌入。新增精選區塊不會變更其在商品頁面上的位置。

您的佈景主題精選商品區段必須支援應用程式區塊,並包含可正常運作的商品表單和購買按鈕。如果您無法在該區段內新增應用程式區塊,請聯絡支援團隊,並提供佈景主題名稱和頁面 URL。若使用自訂頁面編輯器,請參閱在頁面編輯器中使用 Bundlex。

如何新增

  1. 開啟線上商店,然後針對要設定的佈景主題按一下編輯佈景主題。如果您想在發布前先測試,請先使用草稿佈景主題。
  2. 選擇包含精選商品區段的首頁或頁面範本。
  3. 在該區段中選取商品。
  4. 在區段內選擇新增區塊,開啟應用程式,然後選取Bundlex Bundles featured。
  5. 將區塊移至顧客應看到優惠的位置,通常是在價格附近且位於購買按鈕上方。
草稿佈景主題首頁包含精選商品區段、Bundlex Bundles featured 區塊,以及預覽中與商品相符的奶油色優惠。
精選應用程式區塊位於精選商品區段內。此草稿佈景主題預覽顯示奶油色商品及其相符的優惠。

檢查商品連結

開啟應用程式區塊,然後檢查商品。它可能會自動連結至該區段的商品,並顯示為區段商品。如果連結的是正確商品,請保留此連結。如果您手動選取商品,該商品必須與精選商品區段中的商品相符。

草稿佈景主題首頁顯示 Bundlex Bundles featured 區塊,商品已連結至區段商品,預覽中顯示 Revitalize Face Cream 優惠。
1. 開啟精選區塊。2. 檢查其商品連結。此處的區段商品會跟隨精選商品區段中選取的奶油色商品。

除非支援團隊要求您調整選取器或自訂 CSS,否則請關閉顯示進階設定。在區段中移動此應用程式區塊即可控制其位置,一般應用程式區塊設定不需要使用嵌入位置選取器。

儲存並測試頁面

  1. 確認有一項已發布的 Bundlex 折扣適用於精選商品,且符合您測試時所使用的市場和顧客資格。
  2. 保留區段中的購買按鈕,然後儲存佈景主題變更。
  3. 開啟佈景主題預覽或實際頁面,選取一項優惠,然後按一下區段中的一般加入購物車按鈕。
  4. 在購物車和結帳頁面中檢查商品、變體、數量和折扣。請在行動裝置上重複測試。

儲存草稿佈景主題不會將其發布給顧客。請先測試您打算使用的佈景主題,再透過 Shopify 發布。

如果小工具沒有顯示

確認該區段包含商品、應用程式區塊的商品欄位解析為相同商品、區塊可見,且相符的折扣已發布並符合資格。如果小工具顯示,但購買按鈕加入了錯誤商品,請將頁面 URL、佈景主題名稱和所選優惠提供給支援團隊。包含多個商品表單或自訂購買按鈕的頁面可能需要額外整合。

如需其他放置方式,請參閱在佈景主題中啟用小工具。

這篇文章對您有幫助嗎?

您的意見能協助我們改善文件內容。

謝謝,我們會持續改進這篇文章。

想與我們的團隊聯繫嗎? 還有問題嗎?

仍需要協助嗎?

我們的團隊只需點一下即可聯絡。傳送訊息給我們,我們會回覆您。

我們使用少量 Cookie,讓網站正常運作、了解網站使用情況,並在您開啟聊天小工具時提供支援。請參閱我們的 Cookie 政策。