在佈景主題編輯器中:自訂首頁新增區段前後對比

前後對比

同一事物的兩張圖片,中間有一條可拖曳的線,例如護理或製程的前後對照。

使用相同角度、相同尺寸拍攝的兩張圖片,這樣只有變化的部分會動。這條線也能用鍵盤操作。

設定

圖片

「之前」圖片
圖片使用與主圖相同的構圖,讓分隔線比較同一事物的兩種狀態。
「之後」圖片
圖片
「之前」標籤
文字留空:「之前」。
「之後」標籤
文字留空:「之後」。
圖片焦點
選項: 圖片的焦點、置中、頂端、底端預設: 圖片的焦點
電腦上的圖片形狀
選項: 直式(4:5)、高直式(2:3)、正方形、橫式(3:2)預設: 直式(4:5)
手機上的圖片形狀
選項: 與電腦相同、直式(4:5)、正方形、橫式(3:2)預設: 與電腦相同

文字

標題上方的小行文字
開啟或關閉預設: 開啟
小行文字
文字留空則顯示預設值。
標題
文字留空則顯示預設標題。
標題大小
選項: 中、大、特大預設: 大
段落
文字留空則顯示預設文字。

按鈕

顯示按鈕
開啟或關閉預設: 開啟
按鈕文字
文字留空則顯示預設文字。
按鈕連結
連結留空則開啟所有商品頁面。
玻璃按鈕
滑桿,0 到 90 %預設: 0 %0:一般的實心按鈕。大於 0:帶有細亮邊的深色半透明玻璃,適用於圖片上的按鈕。數值越高越深。

版面配置

圖片所在側
選項: 自動:與上方區段相對、在起始側(希伯來文中為右側)、在結尾側(希伯來文中為左側)預設: 自動:與上方區段相對在電腦或平板上,圖片位於文字旁的哪一側。自動:當上方區段同樣是圖片位於文字旁時,圖片會放到另一側,讓相鄰區段交替排列;否則圖片位於起始側(希伯來文中為右側)。
手機上的順序
選項: 圖片優先、文字優先預設: 圖片優先
文字對齊
選項: 靠起始側、置中、靠結尾側預設: 靠起始側
文字在圖片旁的位置
選項: 頂端、中間、底端預設: 中間適用於電腦或平板。
每個區段共有的設定窗格、捲動、間距、色彩、文字樣式

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

窗格

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

捲動

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

間距

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

色彩

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

文字樣式

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

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