FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください
現在コミュニティを移動しています!7月7日以降、現在のコミュニティは約2週間読み取り専用となります。期間中はコンテンツの閲覧は可能ですが、一時的に新規投稿や返信はできなくなります。詳しくはこちら

画像の比率について

解決済

画像の比率について

nelle1
Shopify Partner
18 0 2

初歩的なご質問で失礼いたします。

気に入ったテーマがあるのですが、商品リストや商品ページの画像スライドの画像の比率が希望と少し違います。

例えばテーマが横位置(商品スライド)の画像の場合でも、すべて縦位置にすることは可能でしょうか。

またリスト画像や商品ページ画像をそれぞれ画像比率を変えることも可能でしょうか?

どちらも登録した画像サイズに依存しているのかなと思うので、可能かなとは思うのですが、、、、。

また逆に登録画像依存ではなく、cssで一括制御等も可能かご教授いただけると助かります。

よろしくお願いします。

 

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1725 609 794

成功

Nelle1さま

 

使用されたいテーマによりますが、例えばPrestigeの場合は、

テーマ設定 -> Products Grid -> Product image sizeで、

・Natural- 元画像の比率

・4:3

・1:1

・2:3

の中から画像比率を選べます。

使用されたいテーマにこのような設定がない場合はCSSでも調整が可能です。

 

スクリーンショット 2022-08-03 10.13.10.png


また、商品詳細画面の画像に関しては、元画像で比率を調整いただくか、CSSで調整いただく形になるかと存じます。

CSSでの調整方法はこちらが参考になるかと存じます。

https://digitor.jp/textbook/css-size-aspect-trimming/

 

参考になりましたら幸いです。

また、お困りのことがございましたら是非ご質問くださいませ。

 

株式会社フルバランス 渡邉

 

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1725 609 794

成功

Nelle1さま

 

使用されたいテーマによりますが、例えばPrestigeの場合は、

テーマ設定 -> Products Grid -> Product image sizeで、

・Natural- 元画像の比率

・4:3

・1:1

・2:3

の中から画像比率を選べます。

使用されたいテーマにこのような設定がない場合はCSSでも調整が可能です。

 

スクリーンショット 2022-08-03 10.13.10.png


また、商品詳細画面の画像に関しては、元画像で比率を調整いただくか、CSSで調整いただく形になるかと存じます。

CSSでの調整方法はこちらが参考になるかと存じます。

https://digitor.jp/textbook/css-size-aspect-trimming/

 

参考になりましたら幸いです。

また、お困りのことがございましたら是非ご質問くださいませ。

 

株式会社フルバランス 渡邉

 

nelle1
Shopify Partner
18 0 2

株式会社フルバランス 渡邉

 

ご丁寧なご回答ありがとうございました!とても参考になりました。