在佈景主題編輯器中:自訂›首頁›新增區段›首頁主視覺輪播
首頁主視覺輪播
頁面頂端的全寬投影片,每張都有電腦和手機各自的圖片、一個標題、一行文字和最多兩個按鈕。
在一張投影片上放兩個按鈕,例如「女裝」和「男裝」,可以把不同的顧客直接帶往各自的商品系列。圖片尺寸:電腦 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
- 滑鼠移到上方時暫停
- 開啟或關閉預設: 關閉僅限有滑鼠的電腦。預設關閉:投影片會持續切換。
- 投影片切換速度
- 選項: 快速、一般、緩慢預設: 一般
導覽
- 在圖片下方顯示圓點
- 開啟或關閉預設: 開啟每張投影片一個。目前的圓點較長,並在等待下次切換時逐漸填滿。
- 圓點間距
- 選項: 寬鬆、緊湊預設: 寬鬆圖片下方圓點之間的間距。圓點僅顯示位置:手機上請滑動,電腦上請拖曳或使用箭頭轉動。
- 顯示箭頭
- 開啟或關閉預設: 關閉位於圖片邊緣的圓幣式箭頭,僅限電腦。手機與平板請用滑動。
- 一律顯示暫停按鈕
- 開啟或關閉預設: 關閉否則暫停按鈕只會在以鍵盤操作到時才出現。
無障礙
- 供螢幕閱讀器使用的名稱
- 文字螢幕閱讀器讀到輪播時會朗讀。留空:使用通用名稱。
區塊
區塊是區段裡的組成部分。在編輯器中可以新增、刪除區塊,並拖曳調整順序。
圖片
圖片
- 電腦用圖片
- 圖片圖片的焦點(在圖片選擇器中)決定裁切時保留哪一部分。
- 手機用圖片
- 圖片選用。留空:手機也使用電腦用圖片。
- 影片
- 影片檔案若選擇了影片,影片會取代圖片,並且只在捲動進入視野時才開始播放。圖片會保留為影片封面。
- 手機影片
- 影片檔案選用。留空時,手機會顯示一般影片。
- 圖片說明
- 文字為看不到圖片的訪客朗讀。若圖片中有文字,請寫在這裡。留空:使用隨圖片儲存的說明。
標題位於 圖片 中
一般
- 文字
- 文字
外觀
- 手機上的大小
- 滑桿,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
這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。
