在佈景主題編輯器中:自訂首頁新增區段首頁主視覺輪播

首頁主視覺輪播

頁面頂端的全寬投影片,每張都有電腦和手機各自的圖片、一個標題、一行文字和最多兩個按鈕。

在一張投影片上放兩個按鈕,例如「女裝」和「男裝」,可以把不同的顧客直接帶往各自的商品系列。圖片尺寸:電腦 3840 × 1740,手機 1200 × 2640。

設定

圓角弧度
滑桿,0 到 40 px預設: 26.4 px
圖片之間的間距
滑桿,0 到 40 px預設: 0 px預設 0:投影片在框架內切換,沒有間距。大於 0 的間距會在切換時顯示。

圖片外觀

電腦上的橫幅圖片
選項: 完整圖片(依圖片比例)、填滿螢幕(裁切邊緣)預設: 完整圖片(依圖片比例)完整圖片:完整呈現原始圖片,絕不裁切或放大。橫幅高度與最高的圖片相同(最高為螢幕高度),較寬的圖片會完整顯示,並在上下方留有深色帶。當所有圖片形狀相同時則沒有色帶。填滿螢幕:橫幅占滿整個第一屏,圖片會裁去邊緣以填滿。
手機上的橫幅圖片
選項: 完整圖片(依圖片比例)、填滿螢幕(裁切邊緣)預設: 填滿螢幕(裁切邊緣)完整圖片:完整呈現原始圖片,絕不裁切或放大。橫幅高度與最高的圖片相同(最高為螢幕高度),較寬的圖片會完整顯示,並在上下方留有深色帶。當所有圖片形狀相同時則沒有色帶。填滿螢幕:橫幅占滿整個第一屏,圖片會裁去邊緣以填滿。
讓圖片變暗
滑桿,0 到 60 %預設: 0 %圖片上的一層深色,讓放在上面的文字保持清晰易讀。0 表示不使用。
投影片顯示時向後縮小
開啟或關閉預設: 開啟圖片起初為放大狀態,投影片顯示期間慢慢縮回原始大小。自動切換時,持續時間為投影片時間的 90%;否則為 4.5 秒。裝置設為減少動態效果時會關閉。含影片的投影片不會縮放。
起始放大倍率
滑桿,102 到 140 %預設: 128 %

文字與按鈕

文字位置
選項: 置中、角落、自由預設: 置中置中:文字與按鈕置中於圖片底部。角落:位於閱讀起始側的底部角落(希伯來文為右側,英文為左側),並靠該側對齊。自由:每個元素(標題、小行文字、按鈕)依其各自區塊設定的位置、大小與顏色,手機與電腦分別設定。
按鈕外觀
選項: 玻璃(透明)、深色、淺色、實心淺色預設: 玻璃(透明)
玻璃透明度
滑桿,0 到 100 %預設: 70 %0 為完全透明,100 為不透明。按鈕周圍的細線會保留。
按鈕文字後的箭頭
開啟或關閉預設: 開啟指向前進方向:希伯來文為左,英文為右。手機上不顯示。按鈕文字結尾所輸入的箭頭,會被此箭頭取代。
按鈕光澤
開啟或關閉預設: 開啟每隔數秒有一道光掃過按鈕,僅在按鈕顯示於畫面上時進行。裝置設為減少動態效果時會關閉。
文字的進場方式
選項: 緩慢滑行(如同「新品」)、逐一出現、同時出現、光跡、無進場效果預設: 緩慢滑行(如同「新品」)投影片到來時,其文字會移動到定位。光跡:圖片開始移動半秒後,文字行、標題與按鈕會從圖片進入的那一側,以柔和邊緣一起顯現,手機與電腦皆適用。緩慢滑行:它們依「新品」標題的曲線一起升起,歷時 3.4 秒。逐一出現與同時出現則更快。這三種僅限手機。裝置設為減少動態效果時會關閉。

動態

自動切換投影片
開啟或關閉預設: 開啟訪客在其中使用鍵盤、拖曳或按下暫停時,以及移出畫面或分頁隱藏時,會停止。
每張投影片的顯示時間
滑桿,2 到 10 s預設: 5 s
滑鼠移到上方時暫停
開啟或關閉預設: 關閉僅限有滑鼠的電腦。預設關閉:投影片會持續切換。
投影片切換速度
選項: 快速、一般、緩慢預設: 一般
在圖片下方顯示圓點
開啟或關閉預設: 開啟每張投影片一個。目前的圓點較長,並在等待下次切換時逐漸填滿。
圓點間距
選項: 寬鬆、緊湊預設: 寬鬆圖片下方圓點之間的間距。圓點僅顯示位置:手機上請滑動,電腦上請拖曳或使用箭頭轉動。
顯示箭頭
開啟或關閉預設: 關閉位於圖片邊緣的圓幣式箭頭,僅限電腦。手機與平板請用滑動。
一律顯示暫停按鈕
開啟或關閉預設: 關閉否則暫停按鈕只會在以鍵盤操作到時才出現。

無障礙

供螢幕閱讀器使用的名稱
文字螢幕閱讀器讀到輪播時會朗讀。留空:使用通用名稱。
每個區段共有的設定窗格、捲動、色彩

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

窗格

拼接
選項: 獨立窗格、與上方窗格拼接、與下方窗格拼接、上下皆拼接預設: 獨立窗格

捲動

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

色彩

此區段使用自訂顏色
開啟或關閉預設: 關閉否則區段會使用佈景主題的顏色。此顏色為橫幅周圍的邊條與標誌凹槽的顏色。圖片上的文字與圓點一律為白色。
背景
顏色預設: #F1F1EF

區塊

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

圖片

圖片

電腦用圖片
圖片圖片的焦點(在圖片選擇器中)決定裁切時保留哪一部分。
手機用圖片
圖片選用。留空:手機也使用電腦用圖片。
影片
影片檔案若選擇了影片,影片會取代圖片,並且只在捲動進入視野時才開始播放。圖片會保留為影片封面。
手機影片
影片檔案選用。留空時,手機會顯示一般影片。
圖片說明
文字為看不到圖片的訪客朗讀。若圖片中有文字,請寫在這裡。留空:使用隨圖片儲存的說明。
標題位於 圖片 中

一般

文字
文字

外觀

手機上的大小
滑桿,0 到 96 px預設: 0 px0:自動,與佈景主題相同。
電腦上的大小
滑桿,0 到 140 px預設: 0 px0:自動,與佈景主題相同。
字重
滑桿,0 到 900預設: 00:自動,與佈景主題相同。
顏色
顏色留空:白色。
不透明度
滑桿,0 到 100 %預設: 100 %100 為完全不透明,0 為完全透明。

自由位置

距側邊的距離,手機
滑桿,0 到 100 %預設: 6 %0 為閱讀起始側(英文為左側,希伯來文為右側),100 為另一側。定位點依對齊方式,位於文字的邊緣;置中時則為文字中心。
高度,手機
滑桿,0 到 100 %預設: 70 %0 為圖片頂端,100 為底端。定位點為該行的中間。
距側邊的距離,電腦
滑桿,0 到 100 %預設: 6 %0 為閱讀起始側(英文為左側,希伯來文為右側),100 為另一側。定位點依對齊方式,位於文字的邊緣;置中時則為文字中心。
高度,電腦
滑桿,0 到 100 %預設: 68 %0 為圖片頂端,100 為底端。定位點為該行的中間。
對齊
選項: 起始、置中、結尾預設: 起始同時也是定位點:文字的起始、中心或結尾。
手機上的最大寬度
滑桿,0 到 100 %預設: 0 %圖片寬度的百分比。0:依文字長度。較長的文字會換行。
電腦上的最大寬度
滑桿,0 到 100 %預設: 0 %圖片寬度的百分比。0:依文字長度。較長的文字會換行。
小行文字位於 圖片 中

一般

文字
文字

外觀

手機上的大小
滑桿,0 到 40 px預設: 0 px0:自動,與佈景主題相同。
電腦上的大小
滑桿,0 到 48 px預設: 0 px0:自動,與佈景主題相同。
字重
滑桿,0 到 900預設: 00:自動,與佈景主題相同。
顏色
顏色留空:白色。
不透明度
滑桿,0 到 100 %預設: 100 %100 為完全不透明,0 為完全透明。

自由位置

距側邊的距離,手機
滑桿,0 到 100 %預設: 6 %0 為閱讀起始側(英文為左側,希伯來文為右側),100 為另一側。定位點依對齊方式,位於文字的邊緣;置中時則為文字中心。
高度,手機
滑桿,0 到 100 %預設: 79 %0 為圖片頂端,100 為底端。定位點為該行的中間。
距側邊的距離,電腦
滑桿,0 到 100 %預設: 6 %0 為閱讀起始側(英文為左側,希伯來文為右側),100 為另一側。定位點依對齊方式,位於文字的邊緣;置中時則為文字中心。
高度,電腦
滑桿,0 到 100 %預設: 77 %0 為圖片頂端,100 為底端。定位點為該行的中間。
對齊
選項: 起始、置中、結尾預設: 起始同時也是定位點:文字的起始、中心或結尾。
手機上的最大寬度
滑桿,0 到 100 %預設: 0 %圖片寬度的百分比。0:依文字長度。較長的文字會換行。
電腦上的最大寬度
滑桿,0 到 100 %預設: 0 %圖片寬度的百分比。0:依文字長度。較長的文字會換行。
按鈕位於 圖片 中

一般

按鈕文字
文字留空,且連結也留空:「所有商品系列」,連到商品系列頁面。
連結
連結留空,且文字也留空:商品系列頁面。

位置

按鈕位置
選項: 隨文字、自由預設: 隨文字隨文字:位於標題下方,即橫幅文字所在之處。自由:依下方設定放在圖片上的任何位置,文字則保持原位。
距側邊的距離,手機
滑桿,0 到 100 %預設: 6 %0 為閱讀起始側(英文為左側,希伯來文為右側),100 為另一側。定位點依對齊方式,位於文字的邊緣;置中時則為文字中心。
高度,手機
滑桿,0 到 100 %預設: 88 %0 為圖片頂端,100 為底端。定位點為該行的中間。
距側邊的距離,電腦
滑桿,0 到 100 %預設: 6 %0 為閱讀起始側(英文為左側,希伯來文為右側),100 為另一側。定位點依對齊方式,位於文字的邊緣;置中時則為文字中心。
高度,電腦
滑桿,0 到 100 %預設: 86 %0 為圖片頂端,100 為底端。定位點為該行的中間。
對齊
選項: 起始、置中、結尾預設: 起始同時也是定位點:文字的起始、中心或結尾。

大小

手機上的寬度
滑桿,0 到 400 px預設: 0 px0:依文字長度。文字一律在按鈕中置中。
電腦上的寬度
滑桿,0 到 400 px預設: 0 px0:依文字長度。文字一律在按鈕中置中。
手機上的高度
滑桿,0 到 96 px預設: 0 px0:自動,與佈景主題相同。
電腦上的高度
滑桿,0 到 96 px預設: 0 px0:自動,與佈景主題相同。
手機上的文字大小
滑桿,0 到 40 px預設: 0 px0:自動,與佈景主題相同。
電腦上的文字大小
滑桿,0 到 40 px預設: 0 px0:自動,與佈景主題相同。
文字字重
滑桿,0 到 900預設: 00:自動,與佈景主題相同。
手機上的按鈕大小
滑桿,50 到 200 %預設: 100 %依相同比例放大或縮小整個按鈕,包含文字。
電腦上的按鈕大小
滑桿,50 到 200 %預設: 100 %依相同比例放大或縮小整個按鈕,包含文字。

形狀

圓角
選項: 與網站上所有按鈕相同、直角、完全圓形、自訂預設: 與網站上所有按鈕相同
圓角弧度
滑桿,0 到 40 px預設: 10 px
每個區段共有的設定色彩

色彩

背景顏色
顏色留空:依橫幅按鈕樣式。使用玻璃樣式時,玻璃透明度同樣適用於此顏色。
文字顏色
顏色留空:依橫幅按鈕樣式。
滑鼠移過時的背景顏色
顏色電腦上,指標位於按鈕上方時。留空:不變。
滑鼠移過時的文字顏色
顏色電腦上,指標位於按鈕上方時。留空:不變。
邊框顏色
顏色留空:依橫幅按鈕樣式。完全透明的顏色:無邊框也無陰影。
邊框粗細
滑桿,1 到 4 px預設: 1 px
不透明度
滑桿,0 到 100 %預設: 100 %100 為完全不透明,0 為完全透明。

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