我們推出的新主題版型[Fall](https://www.easystore.co/zh-tw/themes/fall)和[Maker](https://www.easystore.co/zh-tw/themes/maker)擁有特別的設計概念。此版型將會在手機屏幕上呈現輪播圖片的中間部分。我們明白商家或許對輪播圖片有不同的設計概念和想要在手機屏幕呈現完整的圖片。所以,我們提供了教學讓您自行調整在手機屏幕輪播圖片的高度。

前往[EasyStore後台](https://admin.easystore.co/) > 銷售管道 > 品牌官網 > 佈景主題 > 編輯原始碼 > assets/theme.scss.



*

2. 若您使用的是Fall主題

2.1 搜尋`flexslider`,在`min-height: 500px;`下面,加上以下程序代碼:

@include at-query($max, $medium) { height: 500px; max-height: 500px; min-height: 500px; }




2.2 通過更改數字500來調整輪播圖片的高度。

height:你喜歡的輪播圖片高度

max-height:輪播圖片最高的的高度

min-height:輪播圖片最低的高度

2.3 儲存與完成。

*

3. 若您使用的是Maker主題

3.1 搜尋`flexslider`,更換數字550來調整您輪播圖片的高度。



3.2 儲存與完成。

小貼士:

以上的例子是通過更改輪播圖片的高度為250px呈現出來的效果。

如果您覺得輪播圖片的字體太大了,可以到後台 > 品牌官網 > 佈景主題 > 佈景主題設定 > Slider setting >  Slider text調整,例子呈現的效果是通過更改字體為extra small。

或者您也可以直接把在輪播圖片中的文字刪除。
這篇說明對您有幫助嗎?
取消
感謝!