TOPページにランキングを新しく追加しました。
商品表示は個別指定しており、こちらで選んだものをオススメとして表示させています。
選んだ5製品のうち1製品だけが画像がアップになり枠からはみ出て表示されてしまいます。
他の商品はきちんと表示されるのに何故1製品だけ表示が正しく出来ないのでしょうか?
画像が1商品だけはみ出している理由としましては登録された画像の縦横比が他の商品と異なっている事が原因です(他の商品画像は 1:1 ですが、はみ出している画像は 1:1.143 となっています)。
以下のいづれかの方法で修正できます。
・画像の縦横比を他の商品と合わせ他画像に編集して再度アップロードする
・スタイルを追加にて画像表示のスタイルを変更する
※見え方の統一を図る上で、商品画像の縦横比を揃えて頂くことをお勧めします。
スタイル追加を行う場合は以下にサンプルのスタイルを案内致します。
<style>
.related_item_catalog .item_image {
background-size: contain;
}
.related_item_catalog .item_image {
background-position-x: 50%;
background-position-y: 50%;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
}
</style>
スタイルは以下の方法で追加して下さい。
1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2. スクリーンの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック
以上を参照いただき、修正を行って下さい。