在佈景主題編輯器中:自訂首頁新增區段精選商品

精選商品

在頁面上直接展示一個商品的照片和購買所需的一切:選項、數量和按鈕。

每個部分都是一個區塊。刪除不需要的,或加入「自訂 Liquid」區塊放置特別內容。

設定

一般

商品
商品
更多商品
多個商品最多再加入 5 個可切換的商品。下一個商品會從照片後方露出,下方有圓點。留空:一個商品。
版本
選項: 淺色、深色預設: 淺色淺色:頁面背景上的白色卡片。深色:佈景主題深色的舞台,商品後方有柔和的光。

媒體

圖片形狀
選項: 直式(4:5)、正方形預設: 正方形
電腦上的圖片所在側
選項: 自動:與上方區段相對、起始側、結尾側預設: 自動:與上方區段相對在手機上,圖片一律位於詳細資訊上方。自動:當上方區段同樣是圖片位於文字旁時,圖片會放到另一側,讓相鄰區段交替排列;否則圖片位於起始側(希伯來文中為右側)。
圖片之間的箭頭
開啟或關閉預設: 開啟適用於所有商品媒體,包括影片與 3D 模型(若有)。
圖片上的徽章
開啟或關閉預設: 開啟

詳細資訊

詳細資訊對齊
選項: 起始側、置中預設: 起始側
每個區段共有的設定窗格、捲動、間距、色彩、文字樣式

視窗、捲動、間距和顏色設定在每個區段中的運作方式都相同。了解運作方式。

窗格

拼接
選項: 獨立窗格、與上方窗格拼接、與下方窗格拼接、上下皆拼接預設: 獨立窗格
圖片圓角
選項: 圓角、直角預設: 圓角

捲動

捲動時由下一個區段覆蓋
開啟或關閉預設: 關閉向下捲動時,此區段會停在頁首下方,下一個區段從上方覆蓋過來。往回捲動則反向進行。在編輯器中、對要求減少動態效果的訪客,以及在極矮的螢幕上會關閉。

間距

為此區段自訂間距
開啟或關閉預設: 關閉關閉:使用佈景主題設定中「版面配置」下的區段間距。開啟:在此區段上方與下方使用此處的值。在行動裝置上,大多數區段使用這些值的 65%。
上方間距
滑桿,0 到 120 px預設: 40 px
下方間距
滑桿,0 到 120 px預設: 40 px
內容寬度
選項: 窄、標準、寬、全寬預設: 標準

色彩

配色方案
配色方案與頁面方案相同:區段位於頁面背景上。其他方案會讓區段擁有自己的背景,如同框內的一張卡片。下方的自訂顏色優先於方案。
此區段使用自訂顏色
開啟或關閉預設: 關閉否則區段會使用佈景主題的顏色。
背景
顏色預設: #F1F1EF
文字
顏色留空:自動。深色背景上為淺色,淺色背景上為深色。
背景樣式
選項: 純色、燈光舞台預設: 純色燈光舞台:由上而下的柔和光線,往下逐漸變淡,由區段顏色產生,淺色或深色皆可。深色時文字和按鈕會自動變亮。
光線顏色
顏色來自頂端中央的柔和光線。留空:白色。

文字樣式

此區段使用自訂文字樣式
開啟或關閉預設: 關閉否則區段會使用佈景主題的樣式。Shopify 字型不含希伯來文,因此請在適用於希伯來文的樣式中選擇。
標題樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
標題大小
滑桿,70 到 160 %預設: 100 %
標題顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。
文字樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
文字大小
滑桿,70 到 160 %預設: 100 %
文字顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。

區塊

區塊是區段裡的組成部分。在編輯器中可以新增、刪除區塊,並拖曳調整順序。

應用程式區塊

安裝的應用程式可以在這裡加入自己的區塊,例如應用程式提供的評價或尺寸表。

這個部分沒有自己的設定。

標題

一般

名稱上方的小標題行
文字選填。留空:不顯示該行。
顯示供應商
開啟或關閉預設: 關閉
說明

一般

描述長度(字數)
滑桿,10 到 60預設: 28
文字

一般

文字
文字標題下方的簡短說明。可連結到商品欄位。
價格

這個部分沒有自己的設定。

購買選項

一般

一次性購買和訂閱選項,適用於透過訂閱應用程式銷售的商品。沒有此區塊時,只有僅限訂閱銷售的商品才會在加入購物車按鈕上方顯示這些選項。

選項選擇器

一般

樣式
選項: 按鈕、下拉式清單預設: 按鈕
顏色
選項: 顏色圓點、下拉式清單預設: 顏色圓點僅用於顏色選項。其他選項依上方的樣式顯示。
尺寸指南頁面
頁面有自己的「尺寸指南」欄位(custom.size_guide)的商品會顯示該頁面。否則顯示此頁面;若為空白,則顯示佈景主題設定中的頁面。
數量

一般

若放在購買按鈕區塊的正前方,數量會與加入購物車按鈕顯示在同一行。放在其他任何位置時,數量會單獨顯示,並附有標籤。

購買按鈕

一般

「立即購買」按鈕
開啟或關閉預設: 開啟只帶著此商品直接前往結帳,購物車維持不變。
動態結帳按鈕
選項: 錢包或 Shopify 的「立即購買」、僅限錢包、關閉預設: 錢包或 Shopify 的「立即購買」購買按鈕下方的 Shopify 按鈕。在付款設定中啟用錢包時,顯示顧客的錢包(Shop Pay、Apple Pay、Google Pay、PayPal)。開啟「立即購買」按鈕時,Shopify 自己的「立即購買」永遠不會顯示,因此只有一個。
付款快捷按鈕
開啟或關閉預設: 關閉bit、信用卡,以及您新增的付款方式。會加入購物車並前往結帳。按鈕本身請在佈景主題設定的「快速付款按鈕」中設定。
顯示禮品卡收件人表單
開啟或關閉預設: 開啟讓買家直接將禮品卡寄給他人。顯示表單時,禮品卡不會顯示「立即購買」按鈕與動態結帳按鈕,因為 Shopify 只在加入購物車時核對收件人資訊。
商品頁面連結

一般

連結文字
文字留空:「查看完整詳情」。
自訂 Liquid

一般

自訂 Liquid
程式碼用於進階自訂與應用程式程式碼片段。

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