商品一覧で、横に3列にして、下へ延びていくようにしたいんですが、わかりません。

昨日から、悩んでるんです・・・

誰か教えてください。

CSSだけでできますよ

knockさん

見て頂いてありがとうございます。

具体的にどのようにすればいいんでしょうか？

あつかましいと思いますが、教えてください。

すみません・・・

この作業は管理ページからはできません。
CSSだけでやるのであればuse_dataのcssに入れなおせばいじれます。
もっと個別にやりたい場合はSmartyフォルダのlist.phpのデザインレイアウトを修正すれば可能です。

2系でしたら↓

html/user_data/packages/default/css/products.css

の｢商品｣以下をいじればできると思います。


質問される場合は
http://xoops.ec-cube.net/modules/tinyd0/index.php?id=8
を参考にされたほうがいいかと思います･･･

私も未熟な為に、この件にて悩んでいます。

EC-CUBEバージョン 2.1.2
PHPバージョン PHP 5.2.5
DBバージョン PostgreSQL 8.3.1

以上のバージョンにて作成させて頂いておりますが、CSSのどの部分をどのようにいじればよいか…まったく分かりません。
過去の投稿を一通り確認してみましたが、具体的な方法がありませんでした。
お手数でなければどのようにCSSを編集すればよいか、どなたかお教え頂けませんでしょうか？

あつかましいお願いですが、宜しくお願い致します。

私も初心者で悩んでいましたが
ある程度勉強したらいびつですが3列になりました

やり方が違ってたらすいません

Products.cssの編集でlistarea部分から↓
FloatをLeft
widthを設定して3列や2列になるようしてます

Cssで編集してlist.phpに書き込むことがあるかと思いましたら
本当にデザインはCssだけと独立していました
難しく考えると深すぎて訳が分からなくなりそうですが

もうちょっと基本的なことを勉強してからデザイン変更をしたほうがいいと思います。
CSSだけで解決できるレベルですから。
最低でもブラウザで表示されたもののソースからdivの名前を調べて
全部のCSSから検索すれば見つけられるはずです。
これはどのサイトでも同じです。

DDRさんありがとう御座います！
連絡が遅れてしまい申し訳ないですが、できました☆
CSSでの設定と言うのは他記事でもわかっていたのですが…
>widthを設定
をすっかりしていませんでした。。。本当にありがとう御座いました。


>knockさん
基本的な質問してしまい申し訳ないです。
しかし、藁にすがるような気持ちで書き込んでみました。
分からない事を質問してみて「勉強してこい」と言われるとは思ってもみませんでした。

今後は高レベルな質問をしますので、その時はお願いします。
「分からない」若しくは「興味がない」質問でしたらスルーして下さいね。

私も少しずつですが慣れてきたので初心者思考ですが
列を増やす方法書いておきますね

user_date/packages/default/css/products.css

が商品関連のCSSファイル
商品一覧の部分（div.listarea)にて
回り込みの設定をする　
float:left;　など
これだけでも横に列は増えると思います
その後にWidthやheightなどで縦横の幅数を決めてあげれば
理想な形が出来きpaddingやmarginで整えました

これにjavascriptなどを使ってマウスを置いた後などの動きのある
レイアウトを今は模索してます