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

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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

アメブロのRSS内にあるPRを削除してワードプレスに表示させる方法

アメブロのRSSに「PR」と言う広告が出てしまい何とか削除したい人へ

スマホデザインで回転をさせたくない時に使えるテクニック

スマホデザインを作成する際に横向きの事は考えず作ってしまった場合に使えるテクニックをご紹介させて頂きます。

無料ECサイトカスタマイズ

前回お話した無料でECサイトが3分で作れるのデザインなどのカスタマイズ方法についてご紹介いたします。

no image

WEBフォントはcss3で簡単に使えた

WEBフォントを使って好きなフォントをWEB上に公開しよう

ワードプレスのfeedが取得できない原因はプラグインかも

ワードプレスのfeed情報が表示されない時は、プラグインが原因かもしれません。

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