在佈景主題編輯器中:自訂›購物車頁面›新增區段›購物車展示櫃
購物車展示櫃
像櫥窗一樣的購物車頁面:選好的商品陳列在打光的舞台上,還有品項清單、推薦和訂單摘要。
免運費進度條、訂單備註和快速結帳按鈕都在這裡的訂單摘要中開啟。進度條的金額和外觀在佈景主題設定的「免運費」中。
設定
一般
購物車頁面與購物車抽屜是同一個元件。這些設定對兩者都適用。
標題
- 免運費進度列
- 開啟或關閉預設: 開啟位於購物車標題下方,在頁面與抽屜中皆有。外觀、金額與文字:請至佈景主題設定的「免運費」。
- 商品數量旁的文字
- 開啟或關閉預設: 開啟
- 文字
- 文字可輸入任何文字,支援粗體與連結:運送、退貨、特賣。留空:顯示依照免運費規則(佈景主題設定、免運費)的說明;不免運費時不顯示任何內容。當顯示免運費進度列時,留空不會顯示任何內容,以免這行文字與進度列相互矛盾。
- 空購物車中按鈕的連結
- 連結留空則連結到所有商品。
舞台
- 浮動商品的邊框粗細
- 滑桿,0 到 6 px預設: 1 px商品照片周圍的黑色邊框。0 即可移除。
- 推薦卡片的邊框粗細
- 滑桿,0 到 8 px預設: 1 px「您可能也喜歡」環形中圖片周圍的細邊框,使用下方選擇的顏色。0 即可移除。
- 推薦卡片邊框顏色
- 顏色預設: #0C0A09用於深色展台。在淺色展台(白色購物車)上,邊框為白色。
- 推薦舞台色調
- 選項: 自動(依購物車顏色)、黑色舞台(漆面地板)、淺奶油色(淺色展示櫥窗)預設: 自動(依購物車顏色)與「新品環形展示」相同的展台:卡片下方是光亮的圓形底座,每張照片都有柔和的倒影,卡片站立處有陰影。
- 地板顏色
- 顏色卡片下方的圓形底座。留空:跟隨舞台色調。
- 倒影強度
- 滑桿,0 到 100 %預設: 100 %照片在地板上的倒影強度。預設值為 100%。
- 圓環轉速
- 滑桿,2 到 20 °預設: 9 °每秒度數(一整圈為 360)。圓環會自行緩慢轉動,觸碰卡片或拖曳時停止。
- 配色方案
- 配色方案舞台的背景和強調色取自此方案。下方選擇的顏色優先。
- 購物車強調色
- 顏色購物車中按鈕、圓點、線條與醒目文字的顏色。預設為淺色,以便在深色舞台上清楚閱讀。若選擇深色,按鈕上的文字會變成白色。
- 投影機與光束
- 開啟或關閉預設: 開啟照亮中間商品的聚光燈。關閉後,商品會一直保持明亮。
- 效果品質
- 選項: 自動(建議)、完整、簡單預設: 自動(建議)自動會偵測較慢的裝置,並簡化光線與漂浮效果,讓購物車保持流暢。完整一律顯示所有效果。簡單則顯示靜止的光線,沒有漂浮。
- 中間的商品會漂浮
- 開啟或關閉預設: 開啟輕柔的漂浮與轉動。對要求減少動態效果的訪客不會播放。
- 電腦上的玻璃箭頭
- 開啟或關閉預設: 開啟滑鼠移到舞台上時出現。
在架上等候的商品
- 等候商品的標籤
- 文字留空則使用預設值:也要加入這個嗎?
- 商品 1
- 商品
- 商品 2
- 商品
- 商品 3
- 商品
- 商品 4
- 商品
最多四項商品,以半暗的樣子顯示,並附上「也要加入這個嗎?」的標籤。顧客只需點一下即可加入。已在購物車中或已售完的商品不會顯示。
您挑選的品項清單
- 清單版面配置
- 選項: 固定欄數(建議)、單行預設: 固定欄數(建議)
- 在清單中顯示商品圖片
- 開啟或關閉預設: 開啟
您可能也喜歡(輪播)
- 推薦哪些商品
- 選項: 與購物車相關、僅商品系列預設: 與購物車相關與購物車相關:先是您在 Shopify 免費應用程式 Search & Discovery 中為每件商品設定的互補商品,接著是 Shopify 自動找到的相關商品,再來是下方的商品系列,若為空則為隨機商品。
- 輪播商品所屬的商品系列
- 商品系列相關商品不足時補滿環形展示,或選擇「僅商品系列」時一律使用。留空:全部商品,隨機排序。
- 輪播中的商品數
- 滑桿,4 到 12預設: 8
- 輪播中商品名稱的切換方式
- 選項: 隨輪播加速的滾動計數器(建議)、模糊、上升、轉動、淡出後落定預設: 隨輪播加速的滾動計數器(建議)
- 名稱切換所需時間
- 選項: 與輪播同步(建議)、略快一些、快速預設: 與輪播同步(建議)適用於模糊、上升與轉動。
訂單摘要
- 摘要中的配送行:文字
- 文字留空則使用預設文字(宅配到府)。
- 摘要中的配送行:免運費時的值
- 文字僅在購物車依佈景主題設定(免運費)中的規則享有免運費時顯示:所有訂單,或購物車達到金額時。否則此行會說明運費於結帳時計算。留空:「免運費」。
- 顯示優惠券欄位
- 開啟或關閉預設: 開啟
- 稅金說明行
- 文字留空:依商店的稅務設定(「價格已含稅……」或「稅金與運費將於結帳時計算」)。您可以輸入任何文字,支援粗體與連結。
- 訂單備註
- 開啟或關閉預設: 關閉點選後開啟欄位的連結。備註會自動儲存,並傳送到商店後台的訂單中。
- 快速結帳按鈕
- 開啟或關閉預設: 開啟Shopify 按鈕(Shop Pay、Apple Pay、Google Pay 等),依商店已啟用的項目與裝置而定。外觀由 Shopify 決定。
- 付款快捷按鈕
- 開啟或關閉預設: 開啟bit、信用卡,以及您新增的付款方式,會前往結帳。按鈕本身請在佈景主題設定的「快速付款按鈕」中設定。
- 按鈕上方的標題
- 文字留空:「或快速付款」。
訊息與手機
- 小訊息停留時間
- 滑桿,2 到 8 sec預設: 4.5 sec加入或移除商品後,顯示在購物車底部、附有復原按鈕的小訊息。
- 手機抽屜中的捲動箭頭
- 開啟或關閉預設: 開啟提示下方還有內容的小箭頭。僅在有內容可捲動時顯示。
- 捲動時舞台覆蓋標題
- 開啟或關閉預設: 關閉在抽屜中:向上捲動時,深色舞台會升起並覆蓋「您的購物車」標題,就像首頁的捲動覆蓋效果。關閉按鈕會保持顯示在其上方。
這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。
