FROM CACHE - jp_header

商品の縦幅変更

商品の縦幅変更

canami
訪問者
1 0 0

テーマcraftを使用しています。

本来、商品コレクションの表示列がmax2列のところ、コードを使用し3列表示へ変更しました。(モバイル版)

3列表示になったのところまでは良かったのですが、縦幅は2列の時と変わっていないのか、

商品ひとつひとつが縦長な表記になってしまっているのが気になります。

縦幅(商品画像、商品名、価格を含む枠の縦幅)を変更するコードがあればご教授いただきたいです。

よろしくお願い致します。

 

 

1件の返信1

Jizo_Inagaki
Shopify Partner
1056 397 707

>縦幅(商品画像、商品名、価格を含む枠の縦幅)を変更するコード

現状を把握できていませんが、おそらく上記は実現困難かと思います。

画像の高さとテキスト量に応じて縦幅が決まるため、基本的に縦幅を削るには画像か商品名か価格を消す必要があるためです。

 

縦幅を固定してスクロールさせる方法もなくはないですが、価格などが見えなくなるためよくない状態かなと思います。

(参考:  https://developer.mozilla.org/ja/docs/Web/CSS/overflow )

 

 

以上ですが、質問の趣旨を勘違いしている場合は申し訳ありません。

趣旨があっている場合でどうしても何とかしたいということであれば、解決策が見つかるかはわかりませんがエキスパートやパートナーに相談されることをお勧めします。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。