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

一部商品ページの画像に余白ができてしまう

解決済

一部商品ページの画像に余白ができてしまう

Rl4
観光客
3 0 1

一部の商品ページのサムネイル画像部分に、赤枠で囲った要らない余白ができてしまいます。

 

余白のできてしまっている商品とできていない商品、余白の幅が広い商品と少しだけ余白のできてしまっている商品があります。

原因が分かりません。

 

不要な余白を無くす方法が分かりましたら

ぜひ教えていただきたいです。

 

S__25026592_0.jpg

 

1 件の受理された解決策
株式会社ナレッジサービス
Shopify Partner
71 30 28

成功

「スティックパールピアス」の商品画像にお客様のレビューのスクリーンショットが貼られていて、その画像だけ他の画像より縦に長いようです。その画像に高さを合わせているため、他の画像では上下に余白ができていると思われます。

元の投稿で解決策を見る

4件の返信4

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

質問拝見しました。

こちらの件に関して、画像のサイズは全て同じでしょうか。

もしくはその商品による何か違いなどはありますでしょうか?

 

いただいている情報だけでは特定が難しいのでよろしければプレビューリンクと商品名を教えていただけましたら何かわかるかもしれないので共有板だ変えますと幸いです。

 

ご確認よろしくお願いいたします!

Rl4
観光客
3 0 1

ご返信くださり有難うございます!

画像サイズは全て同じです。また、スマホで見た場合のみ余白があります。

<例>
https://roloshop-official.com/products/r118
スティックパールピアス
https://roloshop-official.com/products/r109
CZ 4mmスタッドピアス

株式会社ナレッジサービス
Shopify Partner
71 30 28

成功

「スティックパールピアス」の商品画像にお客様のレビューのスクリーンショットが貼られていて、その画像だけ他の画像より縦に長いようです。その画像に高さを合わせているため、他の画像では上下に余白ができていると思われます。

Rl4
観光客
3 0 1

ご返信くださり有難うございます。

 

該当画像部分を削除したところ、スマホ画面の状態が元に戻りました。

先のご質問回答に画像サイズは同じと返してしまいましたが、気が付きませんでした。

他の該当商品ページも見直してみます。
この度は大変助かりました。本当に有難うございます。