主頁
WIX服務介紹
WIX進階服務方案
WIX教學
活動及課程
Blog
WIXHK討論區
聯絡我們
More
滑動式圖庫在手機版只能顯示一張圖片,在手機看來這張圖片會非常大和存在感很强,請問可以設定顯示平行兩行嗎?
如果你未能使用同一個圖庫, 設定您想要在手機版上的效果, 可以參考以下的教學:
1. 在桌面版, 設定兩個圖庫, 一個在前, 一個在後
2. 前面的那個(B)只會顯示在桌面版, 後面的那個(A)只會顯示在手機版
3. 設定好你的圖庫
4. 開啟開發模式
5. 在(A)圖庫的Properties Panel, 設定為隱藏(Hidden)
6. 在Page Code Panel, 加入以下的語法:
import wixWindow from 'wix-window'; if(wixWindow.formFactor ==="Mobile"){ $w("#物件的ID").show(); }
7. 轉往手機版編輯器, 把前面的那個(桌面版)圖庫隱藏
8. 發佈網站
相信這樣, 手機版和桌面版就會顯示不同的圖庫了
#使用開發模式設定某一個物件只會顯示在手機版
我並非需要在手機版使用另一個圖庫,滑動式圖庫的形式很適合,但在手機版找不到設定版面的地方,一個圖庫一次只能展示一張照片,希望可以做到一行展示兩個(有截圖他人的網頁作例子
)
不好意思, 就是因為商店的滑動式產品圖庫, "在手機版找不到設定版面的地方,一個圖庫一次只能展示一張照片", 所以才有以上的建議。
如果你在手機版不一定要使用這個商店滑動式產品圖庫, 就可以使用手機參考這裡, 比較一下使用其他圖庫展示產品圖片:
Product Slider - 商店滑動式產品圖庫
現有的滑動式產品圖庫, 除非縮小圖片, 否則不能調較在手機版上的長度
Wix Pro Gallery - 專業圖庫
可以點擊圖片連結産品頁面 (必須先發布網站取得連結)
Slide Deck Gallery - 滑動式圖庫
也可以點擊圖片連結產品頁面, 可以上下重疊展示產品
如果你未能使用同一個圖庫, 設定您想要在手機版上的效果, 可以參考以下的教學:
使用開發模式, 設定某一個物件只會顯示在手機版
1. 在桌面版, 設定兩個圖庫, 一個在前, 一個在後
2. 前面的那個(B)只會顯示在桌面版, 後面的那個(A)只會顯示在手機版
3. 設定好你的圖庫
4. 開啟開發模式
5. 在(A)圖庫的Properties Panel, 設定為隱藏(Hidden)
6. 在Page Code Panel, 加入以下的語法:
import wixWindow from 'wix-window'; if(wixWindow.formFactor ==="Mobile"){ $w("#物件的ID").show(); }
7. 轉往手機版編輯器, 把前面的那個(桌面版)圖庫隱藏
8. 發佈網站
相信這樣, 手機版和桌面版就會顯示不同的圖庫了
#使用開發模式設定某一個物件只會顯示在手機版