在佈景主題編輯器中:自訂佈景主題設定商品卡片

商品卡片

商品以格狀排列出現時的外觀:圖片、名稱和價格、用來快速加入購物車的硬幣,以及標章。

商品的「Badge」欄位會在卡片上顯示專屬文字,例如「新品」。特價和售完標章會自動出現。

設定

圖片

圖片比例
選項: 正方形、直式、橫式、符合商品圖片預設: 直式
圖片圓角
滑桿,0 到 40 px預設: 12 px從 0(直角)到最圓。12 與按鈕圓角相同。
顯示第二張圖片
開啟或關閉預設: 開啟手機:在兩張圖片之間滑動。電腦:滑過時顯示箭頭。

內容

顯示供應商
開啟或關閉預設: 關閉
顏色圓點
開啟或關閉預設: 開啟商品有顏色選項時,在價格下方顯示小圓點,取自 Shopify 的顏色色票或顏色名稱。

卡片上的圓幣

卡片圓幣的作用
選項: 智慧,每張卡片都有預覽(建議)、僅智慧、一律開啟快速檢視、無圓幣:點擊整張卡片開啟商品預設: 智慧,每張卡片都有預覽(建議)智慧:沒有選項的商品直接加入購物車。只有一個選擇(尺寸、顏色或材質)的商品會在卡片上展開選項扇面,點一下即可加入。有多個選項的商品開啟快速檢視。「偷看」會在上角加入一個總是開啟快速檢視的小玻璃按鈕。
加號按鈕顏色
顏色商品圖片上的加號。留空:頁面的深色。選擇顏色會填滿加號。
加號圖示顏色
顏色留空:自動選擇,淺色按鈕上用深色,深色按鈕上用淺色。
準備好時的加入按鈕
顏色預設: #2563EB商品卡片上的加號:短扇形展開後,再點一次即可加入購物車。如果顏色與加號顏色相同,加號會互換背景色與符號色,因此一定會改變。
加入按鈕上的加號
顏色預設: #FFFFFF
加號標籤中的選項
選項: 填滿、外框預設: 填滿填滿:白色圓圈。外框:在標籤背景上,細外框與文字為同一顏色,與加號一致。
外框顏色
顏色選項的外框與文字。留空:加號兩種顏色中在頁面上更醒目的那一個。
外框強度
滑桿,20 到 100 %預設: 42 %靜止時外框的強度。滑過與選取時一律為最強。

詳細資訊

徽章上的特價百分比
選項: 顯示價格(建議)、最高折扣、百分比不同時隱藏預設: 顯示價格(建議)適用於各款式價格不同的商品。顯示價格:百分比與原價屬於卡片所顯示價格的那個款式。若該款式未特價,就不會顯示特價徽章。最高折扣:商品的最高折扣,並標示為「最高」。隱藏:僅當所有可購買款式的百分比相同時才顯示特價徽章。單一價格的商品不受影響。在商品頁面與快速檢視中,顧客會自行選擇款式,價格與百分比一律屬於該款式,因此此設定不適用於這些位置。
卡片價格粗細
選項: 一般、粗體預設: 一般系列、搜尋和商品列中商品卡片上的價格。粗體與商品頁面一致。
折扣商品的徽章
選項: 特價、百分比(折扣 23%)預設: 特價商品特價時圖片上徽章顯示的內容。如需在任何商品上顯示自訂文字(新品、熱銷),請填寫商品中繼欄位 custom.badge。
按鈕光澤
開啟或關閉預設: 開啟每隔數秒掃過一道光,僅在按鈕顯示於畫面上時進行。

這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。