バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品一覧ページ:商品を一列3アイテムに横並びにしたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
mi-taro
投稿日時: 2009/5/3 12:39
対応状況: 確認中
一人前
登録日: 2009/4/21
居住地:
投稿: 118
商品一覧ページ:商品を一列3アイテムに横並びにしたい
商品一覧ページ(リストページ)で、デフォルトのデザインだと
縦に並んでいますが、アイテムを多く見せたいので
一列に3アイテム、というようにしたいです。


デフォルトデザイン →希望のデザイン
 □           □□□
 □           □□□
 □           □□□ 

ひとつひとつのアイテムが
list.tplのdiv class="listrightblock"で設計されていたので、
products.cssでひとつひとつのアイテムの内容の横幅を
縮めることには成功しました。 
あとは、横並びにしたいのですが
PHPを良く理解していないため、どこを直すべきかわかりません。

どなたかご指示いただけないでしょうか。


seasoft
投稿日時: 2009/5/3 12:43
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7367
Re: 商品一覧ページ:商品を一列3アイテムに横並びにしたい
http://xoops.ec-cube.net/search.php?query=%BE%A6%C9%CA%B0%EC%CD%F7+3%CE%F3&mid=5&action=showall&andor=AND
(リンク先内容未確認)

PHP というより、Smarty (*.tpl) & CSS かも。
http://www.smarty.net/manual/ja/


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

mi-taro
投稿日時: 2009/5/3 15:37
対応状況: −−−
一人前
登録日: 2009/4/21
居住地:
投稿: 118
ありがとうございます
seasoft様

いつもお世話になっております。

すでに、過去に語られていたテーマだったのですね。
自分も探してはいたのですが、検索キーワードでの検索の仕方に反省しております。

新着順などの動的な部分が多く絡んでいるのか
思いましたが、cssで解決できるのですね。
ありがとうございます。ほっとしました。

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



seasoft
投稿日時: 2009/5/4 0:12
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7367
Re: ありがとうございます
CSSだけだと、IEが不定期(偶発的)に乱れる場合があります。

それも過去スレにありますが、改行位置で回り込みを解除することで対応できます。


ボルダーオパールジュエリー ネコちゃん貴金属 / リング


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

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


 



ログイン


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

統計情報

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

投稿数ランキング

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