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

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

投稿日:2019年3月9日 更新日:

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

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

執筆者:


comment

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

フォトショップで商品画像につける影テクニック番外編

先日ご紹介した商品画像に影をつける方法の評判が良かったので、私が良く使うテクニックを他にもご紹介いたします。

no image

圧縮と解凍のインストール

知り合いに電話で「圧縮してからファイルを送って」と言った時に圧縮と言う言葉を知らない人が多いんだなと感じ、今回は「圧縮」の方法と「解凍」の方法になります。

アリエクスプレスで注文をキャンセルする方法

アリエクスプレスで商品を購入後に、やっぱり必要ないなと思ってキャンセルしたい人もいらっしゃるでしょう。

WordPressで土日の色が違うスケジュールを表示させる方法

1週間のスケジュールをPHPで出すときに土日の色だけ変える方法

フォトショップで英文字が小文字にならない時の対処

フォトショップで英文字を入力した際に全て大文字になってしまう。

人気の副業記事(24時間で更新)