商品一覧ページの表示について
商品一覧ページの表示について質問です。
番号付きの商品画像を使い、商品一覧ページで1から5まで番号順に表示させようとしています。
(PCのフル画面でカタログ表示にした際に、1段に3商品表示されて4商品目から2段目に表示としたい)
ですが、1段目は左から右に順に表示されますが、2段目の表示の順が、真ん中、左の順に表示され順番が異なります。
PC画面をフル画面ではなく1段に1商品しか表示できないように小さくすると、商品順に表示されますし、
スマホ等の端末でも商品順に表示されるので、順番は間違っていないように思われます。
フル画面にした場合に、2段目も左から右の順番になる方法をご教示いただきたくお願いいたします。
Re: 商品一覧ページの表示について
商品表示の件で、ご不便をおかけし、申し訳ございません。
商品表示が番号に合わせて左から右に表示されない件ですが、原因は、商品画像の縦の長さが異なるためと思われます。
システム上では指定された順に整列しておりますが、少しでもサイズ(主に高さ)が異なるとシステム上では正しく整列されていても、
視覚的には列の順番が変更されたような配置となってしまいます。
※特に画像のサイズが1pxなど細かな誤差がある場合に発生いたします。
そのため、上部の画像の縦の長さが異なる場合、表示順を指定している場合でも短い方の下に次の商品が表示されてしまいます。
例)縦の長さが10と8の商品が横並びの場合、8の方に次の商品が表示れます。
上記の例の場合は、縦の長さを統一していただくことで解消できます。
拡張設定>デザイン設定>レイアウト [商品一覧・フレーム設定]>「フレームサイズ」で「③画像エリア 高さ:」が「自動(画像に合わせる)」⇒「③画像エリア 高さ:」が「指定」に変えていただければ指定した
順番に表示されるようになると存じます。
以上をご参照いただき設定をご検討・お試しください。