バージョン選択

フォーラム

メニュー

オンライン状況

80 人のユーザが現在オンラインです。 (65 人のユーザが フォーラム を参照しています。)
登録ユーザ: 3
ゲスト: 77
shinra h_tanaka yuh もっと...

サイト内検索

質問 > その他 > トップページ以外のレイアウト

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ゲスト
投稿日時: 2007/12/12 22:27
対応状況: −−−
トップページ以外のレイアウト
商品一覧ページや商品詳細ページもトップページ同様に3カラムにしたく
レイアウト設定で右側のカラムにログインなどを追加しても反映されないのですが
どのようにすればいいのでしょうか?
左側には自由にブロックを追加できます。

バージョンは2.0.1です。1.4を以前に使っていた時には簡単にレイアウトを
変えることができたのですが最新版でトップページ同様に3カラムにしたい場合どこをかえればできるのでしょうか?
nanasess
投稿日時: 2007/12/12 23:41
対応状況: −−−
登録日: 2006/9/9
居住地:
投稿: 2315
Re: トップページ以外のレイアウト
2.0 から, CSS レイアウトになり, 商品一覧ページや, 商品詳細ページを3カラムにするには, レイアウト設定のみではなく, list.tpl, detail.tpl などのテンプレートファイル, CSS ファイルを大幅に修正する必要があります.

また, LC_Page_xxx_Ex.php の init() 関数に下記を追加する必要があります.

$this->tpl_column_num = 3;
pineray
投稿日時: 2007/12/13 11:59
対応状況: −−−
長老
登録日: 2006/9/9
居住地: 伊賀
投稿: 292
Re: トップページ以外のレイアウト
僕もいじっていて気付いたのですが、レイアウト設定の機能に関しては退化していますね
手間が多くかかる上に、メインと右コラムだけのレイアウトが考慮されていません。

Ver.2.0.1からはtpl_column_numがページごとに固定で、phpファイルのinit()関数にて指定していますが、これをブロックが存在するかどうかで動的に指定すれば良いように思います。
SC_Helper_PageLayout.phpのsfGetPageLayout()関数あたりですかね。
そして、与えられたtpl_colum_numを元に、テンプレートで分岐させ、idとclassを割り振ればいかがでしょうか。

僕のところでは、詳細は異なりますがだいたい以下のようにidやclassを指定して、あとはそれぞれの場合におけるスタイルの指定をcssファイルで行っています。
1コラムの場合
<div id="container" class="one-col">
  <div id="centercolumn">
    〜〜〜 center contents 〜〜〜
  </div>
</div>

2コラム(左)の場合
<div id="container" class="two-col-left">
  <div id="leftcolumn">
    〜〜〜 left contents 〜〜〜
  </div>
  <div id="centercolumn">
    〜〜〜 center contents 〜〜〜
  </div>
</div>

3コラムの場合
<div id="container" class="three-col">
  <div id="leftcolumn">
    〜〜〜 left contents 〜〜〜
  </div>
  <div id="centercolumn">
    〜〜〜 center contents 〜〜〜
  </div>
  <div id="rightcolumn">
    〜〜〜 right contents 〜〜〜
  </div>
</div>

2コラム(右)の場合
<div id="container" class="two-col-right">
  <div id="centercolumn">
    〜〜〜 center contents 〜〜〜
  </div>
  <div id="rightcolumn">
    〜〜〜 right contents 〜〜〜
  </div>
</div>

cssファイルでの指定
.one-col #centercolumn { ... }
.two-col-left #leftcolumn { ... }
.two-col-left #centercolumn { ... }
.three-col #leftcolumn { ... }
...
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は93,398名です
総投稿数は111,046件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2315
5
umebius
2085
6
yuh
1849
7
h_tanaka
1756
8
red
1574
9
mcontact
1465
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
804
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.