ECCUBEのスマホでページ移管を使う方法

投稿日：2019年3月9日更新日：2018年12月19日

ECCUBEのスマホで簡単にページ移管する方法をご紹介

はじめに

ECCUBEだとページ移管が使えないなんて思いもしなかったです。
ただ、ある方法をする事でめっちゃ簡単にページ移管を導入する事が出来ました。

注意事項

私のECCUBEのバージョンは2.12です。

ECCUBEでページ移管を使う方法

普通のページ移管

普通のページ移管の場合は

<a href="#hoge">飛ぶよ</a>
<div id="hoge">飛んだ</div>

EC-CUBEのスマホのページ移管

<a href="#hoge" class="link">飛ぶよ</a>
<div id="hoge" name="#hoge">飛んだ</div>

html側はこのように入力します。
次はヘッダーにjsを入れます。

ページ移管は特定のページで使用する場合は

例作成ページ: http://hogehoge.com/user_data/abc.php

<!--{if $smarty.server.PHP_SELF == "/user_data/abc.php"}-->
<script type="text/javascript">
    $(document).on('click', 'a.link', function(e){
        e.preventDefault();
        var y = $($(this).attr('href')).offset().top;
        $.mobile.silentScroll(y);
    });
</script>
<!--{/if}-->

こういった書き方をする事で上記ページにのみ表示させることが可能です。
もし全ページで使いたい場合はPHPを外せばOKです。

以上でECCUBEのスマホでページ移管を使う方法の説明を終了致します。

さいごに

相変わらずECCUBEはダメっすね

ECサイトのシステムを無料で使えるのは本当に良いんだが、色々なバグが多く最新バージョンにアプリ関係がついていけていないのが本当に残念です。
早くver3に変えたいのですが、今現在使用しているプラグイン関係が全部対応していないのが非常に残念です。
システムを全部新しいバージョンに変えるのとりあえず100万近くはかかるんやろうな・・・