バージョン選択

フォーラム

メニュー

オンライン状況

41 人のユーザが現在オンラインです。 (34 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 41
もっと...

サイト内検索

 > フロント機能 > 商品一覧の並びずれ

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
K9K9
投稿日時: 2016/6/16 9:17
対応状況: 確認中
半人前
登録日: 2016/6/2
居住地:
投稿: 12
商品一覧の並びずれ
商品一覧の画面で
商品が4つずつ1行に並びますが、下記のように2行目にずれがでます。
Ver 3.0.8 を利用

表示例8件の場合:

商品A 商品B 商品C 商品D
        商品E
商品F 商品G 商品H

表示例17件の場合(30件表示):
商品A 商品B 商品C 商品D
商品E 商品F 商品G 商品H
           商品I
商品J 商品K 商品L 商品M
商品N
商品O 商品P 商品Q


価格順・新着順を変えてもレイアウトが上記のように空白が入ってしまいます。

原因の解決策をさぐっているのですが、解決に至らずご教授いただけると幸いです


geekstyle
投稿日時: 2016/7/5 17:17
対応状況: −−−
新米
登録日: 2016/3/25
居住地: 大阪
投稿: 5
Re: 商品一覧の並びずれ
K9K9様

その部分はcssのfloatで処理しているため、各商品の文字数や写真の大きさが原因で、高さが変わっている可能性が有りますね!

CSSのfloat以外で対処すると案外上手くいくかもしれませんね!
参考までに。。。

URL:http://www.webbibo.com/blog/htmlcss/inline-block.html
shhirose
投稿日時: 2016/7/6 9:32
対応状況: −−−
一人前
登録日: 2014/4/24
居住地:
投稿: 94
Re: 商品一覧の並びずれ
標準では html/template/default/js/function.js で使用している matchHeight という jQuery プラグインを使用しています。

商品のレイアウト構成が分からないのでなんともいえませんが、.product_item で高さ調整を行えば、最低限この現象はなくなるのではないかと思います。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,801名です
総投稿数は109,972件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1644
8
red
1570
9
mcontact
1289
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.