EC-CUBE4商品ページの商品画像をピンチアウトで拡大できるようにする

EC-CUBE4商品ページの商品画像をピンチアウトで拡大できるようにするEC-CUBE
この記事は約1分で読めます。

スマホのピンチアウト操作

ピンチアウト(Pinch out)とは、スマホやタブレットのようなタッチパネル端末での操作方法で、画面上で2本の指を離すことで画面が拡大させることが可能です。

以下のイラストのような操作をすることで、画面を拡大できるのがピンチアウト操作です。
ピンチアウト操作

EC-CUBE4商品ページの商品画像をピンチアウトできない

EC-CUBE4のサイトをスマホやタブレットで閲覧している際に、文字が読みにくかったり、画像を拡大したい場合にピンチアウトすると拡大表示できます。
しかし、なぜか商品ページの商品画像をピンチアウトしようとすると、ピンチアウトできません。
EC-CUBE4の標準テンプレートでピンチアウトできないのですが、有料デザインテンプレートの中にもピンチアウトできないテンプレートがあるようです。

EC-CUBE4商品ページの商品画像をピンチアウトできるようにする

商品画像をピンチアウトで拡大表示したいと思うユーザーは多いはずです。
また、ECサイトもユーザーに見て頂こうと高解像度の写真を掲載している訳ですから、商品画像をピンチアウトできなければ意味がありません。

商品ページの商品画像をピンチアウトで拡大表示できるようにカスタマイズしました。
ただし、機種が対応していない場合は仕様がありません。

投稿者プロフィール

masa
HTMLコーディングを中心に、フロントエンド開発を担当。
UI/UXを意識した設計・実装を心がけ、使いやすくストレスのない画面づくりを得意としています。

EC-CUBEやWordPressの開発にも取り組み、ECサイト構築領域でのスキルを強化中です。

猫好き。
野良猫を見かけるとつい声をかけてしまいます(ペットロスが怖くて飼わない主義です)。

お気軽にご相談ください

お気軽にご相談ください

タイトルとURLをコピーしました