跳至主要內容
設計與購物車內容

新增浮動購物車按鈕

浮動購物車按鈕是位於商店底部角落的圓形按鈕。顧客捲動頁面時,它會固定在原位,顯示購物車中的商品數量,只要點一下就能開啟 Bundlex Cart 的購物車抽屜。這在較長的商品頁面上特別實用,因為頁首及其購物車圖示會隨捲動移出畫面。

開啟功能

  1. 編輯購物車,並開啟購物車分頁。
  2. 在頁面上下方,開啟浮動購物車按鈕。
  3. 選擇位置:右下或左下角。
  4. 選擇圖示:購物車、購物袋、購物籃或手提包。
  5. 儲存。

此按鈕在你開啟之前都是關閉的,因此在你儲存之前,商店不會有任何變化。

選擇在哪裡顯示

  • 在桌面顯示和在手機顯示用來選擇裝置。只要其中任一項開啟,預覽中就會顯示此按鈕。
  • 購物車為空時也顯示會讓按鈕在沒有商品時仍留在畫面上。關閉時,按鈕只會在購物車有商品時顯示。
  • 允許顧客拖曳讓顧客可以移動按鈕。位置會保存在顧客的瀏覽器中。

顧客看到的畫面

按鈕上有一個顯示數量的小徽章。購物車抽屜開啟時,按鈕會淡出,抽屜關閉後再重新出現。當 Bundlex Bundles 的懸浮加入購物車列顯示時,按鈕會向上移動,避免遮住它。

在你為它選擇專屬顏色之前,它會使用購物車抽屜的強調色。在樣式分頁的顏色下,開啟浮動購物車按鈕列,設定按鈕和按鈕文字。此列只在按鈕開啟時顯示。沒有尺寸欄位。其他調整請使用自訂 CSS。

螢幕閱讀器與其他語言

螢幕閱讀器會將此按鈕讀作「Open cart」。你可以在進階 > 訊息 > 螢幕閱讀器文字的浮動購物車按鈕(螢幕閱讀器)欄位中修改此文字。其他語言的版本請在購物車的翻譯頁面中,於浮動購物車按鈕卡片設定,此卡片只在按鈕開啟時顯示。

這篇文章對您有幫助嗎?

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

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

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

仍需要協助嗎?

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

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