FROM LOAD - jp_header

画像の比率について

解決済

画像の比率について

nelle1
Shopify Partner
18 0 2

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

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

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

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

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

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

よろしくお願いします。

 

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1540 550 699

成功

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/

 

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

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

 

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

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1540 550 699

成功

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/

 

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

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

 

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

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
nelle1
Shopify Partner
18 0 2

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

 

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