副業で稼ぐ仕組みの作り方

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

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万近くはかかるんやろうな・・・

関連記事

  1. カスタムフィールドを簡単に導入出来るAdvanced Custom F…

  2. PS Auto Sitemapでサイトマップを自動生成(ワードプレス)…

  3. ボタンのクリック率を上げる簡単なcss

  4. WP Autoresponderをわかる範囲でカスタマイズ

  5. データベース接続確立エラーの解消法

  6. ECキューブの管理画面で商品画像がグレー

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

コメントするためには、 ログイン してください。
PAGE TOP