テンプレート「impules」を使用して
サイト構築中です。
表題通り下記画像のように
モバイル表示時に同じような形で
商品画像を表示させたいのですがカスタマイズ画面で設定できず
困っております。
どのようにすれば画像のように表示されるようになるか
ご教示いただければ幸いです。
よろしくお願いいたします。
Topic summary
問題: テンプレート「Impulse」使用時、モバイル表示で商品画像のサムネイル表示数を増やしたいが、カスタマイズ画面では設定できない。
解決方法: フルバランスの渡邉氏が回答:
- Impulseテーマではスマホ表示時、デフォルトでサムネイルが非表示になる仕様
- コード編集による調整が必要
- 具体的には
<div class="product__thumbs--scroller">要素が対象 - スマホサイズで
display:none;となっているCSSをdisplay:block;に変更することで表示可能 - ただし、レイアウトの微調整も必要になる可能性あり
状態: 技術的な解決策が提示され、質問者は追加の不明点があれば連絡可能
Kazuki2さま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
カスタマイズでどこまで編集できるかって意外とテーマによって制限されていますよね、、、
Impulseの場合、スマホではサムネイルが非表示になるのがデフォルトみたいなのでコード編集で調整する形になります。
以下がサムネイルを表示している要素で、
省略
スマホサイズのときにdisplay:none;となっているので、display:block;で上書きすることで表示可能かと存じます。（その他レイアウトの微調整も必要ですが）
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉