在佈景主題編輯器中:自訂首頁新增區段氛圍橫幅

氛圍橫幅

一張寬幅氛圍照,上面疊加文字,在區段之間營造氛圍。

選擇有安靜區域可放文字的照片,並相應地把文字色調設為淺色或深色。

設定

圖片

圖片
圖片
或使用商品系列中的圖片
商品系列僅在上方未選擇圖片時使用。
手機圖片
圖片選用。為窄螢幕提供不同的裁切。
影片
影片檔案若選擇了影片,影片會取代圖片,並且只在捲動進入視野時才開始播放。圖片會保留為影片封面。
手機影片
影片檔案選用。留空時,手機會顯示一般影片。
圖片焦點
選項: 圖片的焦點、置中、頂端、底端預設: 圖片的焦點

形狀

電腦上的形狀
選項: 全景(21:9)、電影寬幅(5:2)、寬幅(16:9)預設: 電影寬幅(5:2)
手機上的形狀
選項: 直式(4:5)、正方形、寬幅(16:9)預設: 直式(4:5)

圖片上的文字

標題
文字選用。所有文字欄位皆留空時,只會顯示圖片。
簡短文字
文字
按鈕文字
文字選用。按鈕還需要連結。
按鈕連結
連結
玻璃按鈕
滑桿,0 到 90 %預設: 0 %0:一般的實心按鈕。大於 0:帶有細亮邊的深色半透明玻璃,適用於圖片上的按鈕。數值越高越深。
文字對齊
選項: 靠起始側、置中、靠結尾側預設: 置中
文字在圖片上的高度
選項: 頂端、中間、底端預設: 中間
文字顏色
選項: 淺色文字、深色文字預設: 淺色文字
圖片遮罩
滑桿,0 到 70 %預設: 0 %圖片上的一層深色薄紗,讓文字容易閱讀。0 表示不使用。
文字不透明度
滑桿,20 到 100 %預設: 100 %圖片上的標題與文字。100% 為不透明;數值越低,越能透出圖片。按鈕維持不透明。
每個區段共有的設定窗格、捲動、間距、色彩、文字樣式

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

窗格

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

捲動

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

間距

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

色彩

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

文字樣式

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

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