こんにちは、長友です。
今日はMagento2 Blankテーマのスマートフォンでの商品詳細画像の見せ方を変更する方法をご紹介します。
view.xmlの作成
まず、Magento2 Blankテーマからview.phtmlをコピーします。
view.xmlは以下のディレクトにに入っています。
vendor/magento/theme-frontend-blank/etc/view.phtml
コピーしたview.xmlはapp/design/frontend/ベンダー/テーマ/etc/にファイルを入れます。
view.xmlの修正
次にview.xmlを修正します。
<var name="breakpoints">
<var name="mobile">
<var name="conditions">
<var name="max-width">767px</var>
</var>
<var name="options">
<var name="options">
<var name="navigation">dots</var>
</var>
</var>
</var>
</var>
view.xmlの227行目にある「<var name=”breakpoints”>」内の一部を修正します。
<var name=”nav”>dots</var>の「name=”navigation”」を「name=”nav”」に変更します。
<var name="mobile">
<var name="conditions">
<var name="max-width">767px</var>
</var>
<var name="options">
<var name="options">
<var name="nav">dots</var>
</var>
</var>
</var>
</var>
サムネイルをドットに変更
修正は以上です。スマートフォンでの見せ方をもっとシンプルにしたいという時に変更してみてはいかがでしょうか。