EC-CUBEで最初にやっておきたい10のカスタマイズ・5「ヘッダーなどに、ログインしている時とそうでない時の表示を変える」

読了時間:約 10分3秒
EC-CUBEで最初にやっておきたい10のカスタマイズ・5「ヘッダーなどに、ログインしている時とそうでない時の表示を変える」

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

今日は、「5.ヘッダーなどに、ログインしている時とそうでない時の表示を変える」です。

 

EC-CUBEのデフォルトのヘッダーは、ログインしても新規会員登録のリンクが表示されたままだし、「お気に入り一覧」へのリンクがないのでとても使いづらいです。

 

ユーザーの立場にたった、使いやすいカスタマイズをしておきましょう。

もくじ

 

カスタマイズのイメージ

今回は、ログイン前はヘッダーに「MYページ(ログイン)」と「新規会員登録」のリンクを表示し、ログイン後は「MYページ」「お気に入り」「ログアウト」のリンクと、ユーザー名を表示するカスタマイズ方法をご紹介します。

 

01

 

ソースコード

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

 

(参考サイト)

 

まず

data/class/pages/LC_Page.php

を開き、110行目あたり

        // ローカルフックポイントを実行.
        $this->doLocalHookpointBefore($objPlugin);

のあとに、

        //ログイン判定と名前取得
        $objCustomer = new SC_Customer();
        if ( $objCustomer->isLoginSuccess() ) {
             $this->tpl_login = true;
             $this->tpl_name1 = $objCustomer->getValue( 'name01' );
             $this->tpl_name2 = $objCustomer->getValue( 'name02' );
        }

を追記します。

 

そして、EC-CUBE管理画面の「デザイン管理>PC>ヘッダー/フッター設定」のヘッダー編集の中に、下記のソースを追記します。

        <form name="header_login_form" id="header_login_form" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('header_login_form')">
        <input type="hidden" name="mode" value="login" />
        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
        <input type="hidden" name="url" value="<!--{$smarty.server.PHP_SELF|h}-->" />
        <div id="header_navi">
            <!--{if $tpl_login}-->
            <ul>
                <li><a href="<!--{$smarty.const.HTTPS_URL}-->mypage/login.php">MYページ</a></li>
                <!--{if $smarty.const.OPTION_FAVORITE_PRODUCT == 1}-->
                <li><a href="<!--{$smarty.const.HTTPS_URL}-->mypage/favorite.php">お気に入り</a></li>
                <!--{/if}-->
                <li><a href="<!--{$smarty.const.HTTPS_URL}-->mypage/login.php" onclick="fnFormModeSubmit('header_login_form', 'logout', '', ''); return false;">ログアウト</a></li>
            </ul>
            <p>いらっしゃいませ、&nbsp;<a href="<!--{$smarty.const.HTTPS_URL}-->mypage/login.php"><!--{$tpl_name1|h}-->&nbsp;<!--{$tpl_name2|h}-->&nbsp;様</a></p>
            <!--{else}-->
            <ul>
                <li><a href="<!--{$smarty.const.HTTPS_URL}-->mypage/login.php">MYページ(ログイン)</a></li>
                <li><a href="<!--{$smarty.const.ROOT_URLPATH}-->entry/kiyaku.php">新規会員登録</a></li>
            </ul>
            <!--{/if}-->
        </div>
        </form>

 

これで、ログイン前はヘッダーに「MYページ(ログイン)」と「新規会員登録」のリンクを表示し、ログイン後は「MYページ」「お気に入り」「ログアウト」のリンクと、ユーザー名を表示されるようになりました!

 

今回はヘッダーに直接追記しましたが、ブロックを使ってサイドバーやフッターに表示することも可能です。

 

この記事が、EC-CUBEカスタマイズのお役に立てれば幸いです。

 

次回は「6.定休日を考慮した、お届け日指定のカスタマイズ」を解説します!

RSSフィードを購読する

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

シェアする

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

関連記事

コメント

お仕事のご依頼について

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

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

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

得意なこと

HTML5 / CSS3 / JavaScript

WordPress

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

各ブログのカスタマイズ

 

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

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

プロフィール

菊地翼

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

詳しくはこちら 

サイト内検索

Facebookページ

Twitter