EC-CUBEで最初にやっておきたい10のカスタマイズ・4「EC-CUBEのMYページにログアウトボタンを追加する」

読了時間:約 14分26秒

EC-CUBEで最初にやっておきたい10のカスタマイズ・4「EC-CUBEのMYページにログアウトボタンを追加する」

引き続き、EC-CUBEを使ってECサイトを構築するときに、ぜひともやっておきたいカスタマイズをご紹介します。

今日は、「4.EC-CUBEのMYページにログアウトボタンを追加する」です。

 

私自身、EC-CUBEのサイトでお買い物をしていて、ログアウトボタンが見つからず、すごくわかりにくいな〜と感じることがよくあります。

 

そこで、MYページの中にログアウトボタンを表示させておくといいですね。

もくじ

 

カスタマイズ後のイメージ

MYページは、自分の購入履歴や個人情報を見ることができるページなので、当然ながらこの中に「ログアウト」ボタンを置いておくべきだと思います。

 

MYページ画面

EC-CUBEは、なんでデフォルトでこれがないんだろう…??

 

ソースコード

EC-CUBEのバージョンは、2.12.5で動作確認済みです。

(参考サイト:EC-CUBEのMYページにログアウト機能を追加する : ダメプログラマの技術メモ

 

まず

data/class/pages/mypage/LC_Page_Mypage.php

を開き、101行目あたりにある

[php]
// 支払い方法の取得
$this->arrPayment = SC_Helper_DB_Ex::sfGetIDValueList(‘dtb_payment’, ‘payment_id’, ‘payment_method’);
// 1ページあたりの件数
$this->dispNumber = SEARCH_PMAX;
[/php]

のあとに、

[php]
if ($_GET[‘mode’] == ‘logout’){
$objCustomer->EndSession();
header("Location: index.php");
}
[/php]

を追加します。

 

そして、

data/Smarty/templates/default/mypage/navi.tpl

の中に、ログアウトのリンクを追加します。(ハイライト部分が、追加したソースです。)

[html highlight=”15,16,32,33″]
<!–{* 会員状態 *}–>
<!–{if $tpl_login}–>
<li><a href="./<!–{$smarty.const.DIR_INDEX_PATH}–>" class="<!–{if $tpl_mypageno == ‘index’}–> selected<!–{/if}–>">
購入履歴一覧</a></li>
<!–{if $smarty.const.OPTION_FAVORITE_PRODUCT == 1}–>
<li><a href="favorite.php" class="<!–{if $tpl_mypageno == ‘favorite’}–> selected<!–{/if}–>">
お気に入り一覧</a></li>
<!–{/if}–>
<li><a href="change.php" class="<!–{if $tpl_mypageno == ‘change’}–> selected<!–{/if}–>">
会員登録内容変更</a></li>
<li><a href="delivery.php" class="<!–{if $tpl_mypageno == ‘delivery’}–> selected<!–{/if}–>">
お届け先追加・変更</a></li>
<li><a href="refusal.php" class="<!–{if $tpl_mypageno == ‘refusal’}–> selected<!–{/if}–>">
退会手続き</a></li>
<li><a href="index.php?mode=logout" class="<!–{if $tpl_mypageno == ‘refusal’}–> selected<!–{/if}–>">
ログアウト</a></li>

<!–{* 退会状態 *}–>
<!–{else}–>
<li><a href="<!–{$smarty.const.TOP_URLPATH}–>" class="<!–{if $tpl_mypageno == ‘index’}–> selected<!–{/if}–>">
購入履歴一覧</a></li>
<!–{if $smarty.const.OPTION_FAVORITE_PRODUCT == 1}–>
<li><a href="<!–{$smarty.const.TOP_URLPATH}–>" class="<!–{if $tpl_mypageno == ‘favorite’}–> selected<!–{/if}–>">
お気に入り一覧</a></li>
<!–{/if}–>
<li><a href="<!–{$smarty.const.TOP_URLPATH}–>" class="<!–{if $tpl_mypageno == ‘change’}–> selected<!–{/if}–>">
会員登録内容変更</a></li>
<li><a href="<!–{$smarty.const.TOP_URLPATH}–>" class="<!–{if $tpl_mypageno == ‘delivery’}–> selected<!–{/if}–>">
お届け先追加・変更</a></li>
<li><a href="<!–{$smarty.const.TOP_URLPATH}–>" class="<!–{if $tpl_mypageno == ‘refusal’}–> selected<!–{/if}–>">
退会手続き</a></li>
<li><a href="<!–{$smarty.const.TOP_URLPATH}–>" class="<!–{if $tpl_mypageno == ‘refusal’}–> selected<!–{/if}–>">
ログアウト</a></li>
<!–{/if}–>
[/html]

 

これで、MYページの中にログアウトのリンクが出るようになりました!

 

あとは、ログイン中はヘッダーにログアウトのリンクを出しておくと良いと思います。

このカスタマイズ方法については、次回の「5.ヘッダーなどに、ログインしている時とそうでない時の表示変える」で解説します!

RSSフィードを購読する

ITポケットでは、ビジネスや生活が向上するTipsを発信しています。
よろしければRSSフィードをご購読ください。

シェアする

このエントリーをはてなブックマークに追加

関連記事

コメント

お仕事のご依頼について

コーポレートサイト、ECサイト、CMS、ブログなど、あらゆるWebサイトの制作をお手伝いいたします。

企画からデザイン、その後の運営や保守まで対応することが可能です。

自らECサイト運営を行っていることもあり、顧客目線でのサイトづくりが得意です。

得意なこと

HTML5 / CSS3 / JavaScript

WordPress

ECサイト(EC-CUBE / Zen Cart / カラーミーショップ)

各ブログのカスタマイズ

 

クライアントのご要望にお答えし、予算やケースにあった選択で、臨機応変に対応いたします。

ご相談・ご質問や、お見積もりのご依頼など、お気軽にお問い合わせください。

プロフィール

菊地翼

菊地翼(きくちつばさ)
WEBクリエイター。株式会社ウイングフォレスト代表取締役。マカー歴18年。IT・ガジェット・ライフハックと甘いものが大好き!

詳しくはこちら 

サイト内検索