バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品一覧を横一列に並べたい!

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ゲスト
投稿日時: 2008/11/7 18:06
対応状況: 開発中
商品一覧を横一列に並べたい!
はじめまして、

「商品一覧ページ」に表示されている下のサイトのように、
決められた数分だけ横一列に並ぶようにしたいのです。

リストウノ

オススメ商品ブロックのタグをみようみまねで
コードを貼り付けては見たのですが
画面が真っ白になってしまい、お手上げ状態です

具体的に実装するのはどのような条件のコードを前後に追加すればよろしいのでしょうか?

よろしくお願いいたします。

[EC-CUBE] 2.3.0
[PHP] PHP 4.3.9
[データベース] MySQL 4.1.20
ゲスト
投稿日時: 2008/11/8 10:41
対応状況: −−−
Re: 商品一覧を横一列に並べたい!
検索したらまったく同じ質問が以前に出ていました。
申し訳ないです

user_data/のcss/products.css部分を修正

修正前

/* 商品
----------------------------------------------- */
div.listarea {
clear: both;
width: 580px;
padding: 20px 0 30px 0;
overflow: auto;
background: url("../img/common/line_580.gif") no-repeat bottom;
}

修正後

/* 商品
----------------------------------------------- */
div.listarea {
width: 130px;
padding: 20px 0 30px 0;
overflow: auto;
background: url("../img/common/line_580.gif") no-repeat bottom;
  float: left;
}

widthの値を変更して、clear: both;を削除し、float: left;を追加しました。

追記
商品一覧で画像/価格/カートボタンのみを表示するように
list.phpを修正しています。
sakurai07
投稿日時: 2009/2/5 17:36
対応状況: −−−
長老
登録日: 2008/2/29
居住地:
投稿: 179
Re: 商品一覧を横一列に並べたい!
できました〜ありがとうございます。
seasoft
投稿日時: 2009/2/6 2:20
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7367
Re: 商品一覧を横一列に並べたい!
以前に別スレで話題になりましたが、この方法だと IE のレンダリングに関するバグを突いてしまうことがありますので、ご注意ください。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1294
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.