Magento 2 iOS 產品放大圖全螢幕時無法關閉
這篇內容要跟大家介紹一個在Magento 2 可能會遇到的小問題與解決方法。
裝置:iOS(手機/平板)
版本:Magento 2.1.10~Magento 2.2.3(依據筆者的測試環境)
位置:產品頁面
這個問題會發生在產品頁面點選產品圖進入全螢幕檢視時(以手機為例),許多人會反應為什麼我按了右上角的關閉按鈕後都沒有反應,只能透過手機的回到上一頁來離開當前頁面呢?當初筆者收到這個回應後檢查了一下後發現,當進入到平板與手機時,關閉鈕的觸碰事件失效了,檢查後也確認這並非是因為層級而造成沒有實際點到的問題。
根據官方的Git hub討論串中,發現這問題是Magento 2產品頁面的一個套件:Fotorama gallery所造成的,解決的方法很簡單,只要將這隻fotorama.js在專案的theme包裡override後,再刪除或註解掉以下的行數:
問題就解決囉!
至於override的方法先到以下的位置找到該檔案:
lib/web/fotorama/fotorama.js
然後於下方的路徑位置進行override即可:
vendor/theme_dir/web/fotorama/fotorama.js
以上分享解決Magento2 在IOS裝置上放大圖全螢幕時無法關閉的問題,更多關於Magento2的資訊,別忘了訂閱我們的電子報,以及追蹤我們的Facebook粉絲專頁唷!
更多Magento相關文章請看: Magento教學導覽
參考資料:
Magento 2 Git hub
延伸閱讀:
解決 Magento 2 後台無法顯示 Datetime 欄位
我要留言