在佈景主題編輯器中:自訂首頁新增區段購買同款造型

購買同款造型

一張大照片,照片中的商品上有圓點。點選圓點會顯示該商品,並可直接加入購物車。

依照每個圓點在照片中的水平和垂直位置來擺放。在手機上確認圓點仍在正確的單品上。

設定

圖片

生活風格圖片
圖片展示商品的照片。請在區塊中放置圓點。
手機圖片
圖片選用。若留空,手機會顯示主圖。每個圓點在手機上有各自的位置。
電腦上的圖片形狀
選項: 直式(4:5)、正方形、橫式(4:3)、寬幅(16:9)、原始預設: 直式(4:5)原始:不裁切,因此圓點會準確落在商品上。
手機上的圖片形狀
選項: 直式(4:5)、正方形、原始預設: 直式(4:5)
電腦上的圖片所在側
選項: 自動:與上方區段相對、第一側、最後側預設: 自動:與上方區段相對在電腦上位於商品清單旁。在手機上,圖片一律位於標題下方。自動:當上方區段同樣是圖片位於文字旁時,圖片會放到另一側,讓相鄰區段交替排列;否則圖片位於起始側(希伯來文中為右側)。

標題

標題
文字留空則顯示預設標題。
標題上方的小字
開啟或關閉預設: 開啟
小字
文字留空則顯示預設字詞。

圓點與商品

快速加入 + 按鈕
開啟或關閉預設: 開啟位於從圓點開啟的卡片上。開啟快速檢視;若快速檢視已關閉,則開啟商品頁面。
圖片旁的商品清單
開啟或關閉預設: 開啟僅限電腦。點選一列會開啟其圓點。關閉:標題位於圖片上方。
清單標籤
文字留空則顯示預設標籤。
圖片下方的提示
開啟或關閉預設: 開啟僅限手機:「點選圓點即可查看商品」。
圓點顏色
選項: 淺色、深色預設: 淺色深色照片使用淺色,淺色照片使用深色。
圓點周圍的脈動圓環
開啟或關閉預設: 開啟僅在區段顯示於畫面上時進行。偏好減少動態效果的訪客不會看到。

每個圓點是一個區塊:選擇商品,並以百分比放置,電腦與手機分別設定。沒有商品的圓點不會顯示在商店中。

每個區段共有的設定窗格、捲動、間距、色彩、文字樣式

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

窗格

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

捲動

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

間距

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

色彩

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

文字樣式

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

區塊

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

圓點

一般

商品
商品此圓點所顯示的商品。

電腦上的位置

距左側
滑桿,0 到 100 %預設: 50 %圖片寬度的百分比,一律從左側起算。
距頂端
滑桿,0 到 100 %預設: 50 %圖片高度的百分比。

手機上的位置

距左側
滑桿,0 到 100 %預設: 50 %圖片寬度的百分比,一律從左側起算。
距頂端
滑桿,0 到 100 %預設: 50 %圖片高度的百分比。

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