如何設定【幻燈片】物件
本文說明如何設定【幻燈片】物件
1.於元素中搜尋”幻燈片”,將其拖曳到要放置的”Container”中。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20268%20303'%3E%3C/svg%3E)
2.設定內容:
2-1)幻燈片
背景:依序輸入產品名稱或想需要呈現的文字、圖片,也可設定尺寸與高度;若要新增項目點選 + 號即可新增。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20266%20758'%3E%3C/svg%3E)
內容:設定標題與描述文字,也可加入產品連結。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20257%20449'%3E%3C/svg%3E)
樣式:可調整樣示,例如水平位置及內容顏色、文字陰影等。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20258%20384'%3E%3C/svg%3E)
2-2)拖拉條選項:可調整播放速度或切換方式等。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20265%20478'%3E%3C/svg%3E)
3.設定樣式:
在此設定內容寬度與內距,標題、描述、按鈕的呈現方式都能一併更改設定。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20264%20624'%3E%3C/svg%3E)
4.進階:
進行邊界、邊框間距與寬度的調整。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20268%20677'%3E%3C/svg%3E)
5.接著按下”更新”即可。
![](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20264%2036'%3E%3C/svg%3E)