バージョン選択

フォーラム

 どうか教えて下さい！  バグ見つけましたよ！  こんな機能あったらなぁ  プラグインについて  その他

メニュー

 当サイトについて  初めてご利用になる方へ  EC-CUBE開発情報

オンライン状況

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

サイト内検索
 > プラグイン > MYpage のナビゲーション部分のブロック化とメインコンテンツ部分の分離

プラグイン

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
apogee
投稿日時: 2008/9/3 6:05
対応状況: −−−
常連
登録日: 2007/11/17
居住地: 大阪府
投稿: 53
MYpage のナビゲーション部分のブロック化とメインコンテンツ部分の分離
MYpage のナビゲーション部分のブロック化とメインコンテンツ部分の分離の話題が少し出ていましたのでテストしてみました。

●作業したバージョン

eccube-Ver.1.5.0-beta

●作業ファイル

\user_data\templates\mypage\index.tpl

●作業内容

・MYpage のナビゲーション部分のブロック化と
　購入履歴などの情報が表示されるメインコンテンツ部分の分離
・MYpage のタイトルがコンテンツの左右いっぱいに表示されるのを
　メインコンテンツの上部に表示するように変更

※作業前に必ず作業対象ファイルのバックアップを取っておくこと！
※必ずしも動作を保障するものではありません。
　作業は自己責任にて行ってください。

1. MYpage のナビゲーション部分とメインコンテンツ部分の分離

14〜29行目あたりのタイトルとナビゲーションの Smarty のコードが書いてある
table タグの以下の部分を削除

<table width="" border="0" cellspacing="0" cellpadding="0" summary=" ">
<tr> 
<td><img src="<!--{$smarty.const.URL_DIR}-->img/mypage/title.jpg" width="700" height="40" alt="MYページ"></td>
</tr>
<tr>
<td height="15"></td>
</tr>
</table><table width="100%" border="0" cellspacing="0" cellpadding="0" summary=" "> 
<tr valign="top"> 
<td> 
<!--{if $tpl_navi != ""}-->
<!--{include file=$tpl_navi}-->
<!--{else}-->
<!--{include file=`$smarty.const.USER_PATH`templates/mypage/navi.tpl}-->
<!--{/if}-->
</td>
<td align="right">


次に table の開始タグを削除したので
不要になった table の終了タグも削除。

開始タグ削除後の76〜78行目あたりの table 終了タグを削除する

<!--{/if}-->
</table>
</td>
</tr>
</table>
<!--▲MAIN CONTENTS-->

とこんな風になると思います。

<!--{/if}-->
</table>
<!--▲MAIN CONTENTS-->


これで \mypage\index.tpl はメインコンテンツの表示部分のみの
Smarty のコードだけが書かれた状態になりました。


2. MYpage の左側のナビゲーション部分のブロック化

・ブロックの作成

ブロック編集 -> 新規ブロック作成 -> ブロック名とファイル名を指定

仮に
ブロック名：MYページ ナビ
ファイル名：MYpageNAVI.tpl
とします。

index.tpl の削除した部分のソースをもとにMYページの
ナビゲーションを表示させる [MYページ ナビ] ブロックを作成
（table タグを取っただけですが ）


<div class="MYnavi-block">
<!-- BEGIN MYpage NAVI -->
<!--{if $tpl_navi != ""}-->
<!--{include file=$tpl_navi}-->
<!--{else}-->
<!--{include file=`$smarty.const.USER_PATH`templates/mypage/navi.tpl}-->
<!--{/if}-->
<!-- END MYpage NAVI -->
</div>


class="MYnavi-block" は 仮に書いたclass名 なので
実際は自分で定義した CSS の class または ID名を指定。

ブロック編集の登録ボタンを押して
[MYページ ナビ] ブロックの完成。


3. MYpage のタイトル部分のブロック化

・ブロックの作成
ブロック編集 -> 新規ブロック作成 -> ブロック名とファイル名を指定

仮に
ブロック名：MYページ タイトル
ファイル名：MYpage_title.tpl
とします。

これも \mypage\index.tpl の最初に削除したソースを参考にブロックを作成


<div id="mypageArea" style="margin: 0 0 20px 0; padding: 0; width: 100%; height: 40px; background: no-repeat url(<!--{$smarty.const.URL_DIR}-->img/mypage/title.jpg) left;"></div>


class="mypageArea" は 仮に書いたclass名 なので
実際は自分で定義した CSS の class または ID名を指定。

ブロック編集の登録ボタンを押して
[MYページ タイトル] ブロックの完成。


4. MYpage のレイアウトの確認

管理画面 -> デザイン管理 -> レイアウト設定 から

MYページ を表示させ、先ほど作った
[MYページ ナビ] ブロックを左側のブロックへ配置、
[MYページ タイトル] ブロックをメインの上へ配置して保存。

生成されたページを見てエラーやレイアウトの崩れがないか確認。

以上で作業は完了です。

作ったテンプレートは、ディレクトリの指定をしなければ
\user_data\include\bloc の中に作成されます。

左側のブロックエリアが使用できるようになったので
ログインや自作のブロックも設置が可能なようです。。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は90,470名です
総投稿数は110,423件です

投稿数ランキング

1
seasoft 		7369
2
468 		3217
3
AMUAMU 		2712
4
nanasess 		2314
5
umebius 		2085
6
yuh 		1819
7
h_tanaka 		1698
8
red 		1571
9
mcontact 		1378
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.