大阪のホームページ制作会社。SEO対策、企画提案ならエボルワン。

  • 株式会社エボルワン
  • 株式会社エボルワン
  • 株式会社エボルワン

ハッシュタグ「#evoluone」でインスタ投稿!

2015.8.21

ECCUBEのスマホページでページ内リンクを有効にさせる方法

こんにちは。暑い日が続いていて「早く冬にならないかな~?」って思って冬になると寒すぎて「早く夏にならないかな~」っていうのを毎年繰り返しながら日々生活してます。

早速ですがエボルワンでは結構ECCUBEの開発案件が多いのですがそこでよく「あれ?これってどうやるんだっけ?」とど忘れすることがよくあります。

そんな中のひとつがスマホのページ内リンクを有効にさせることです。
デフォルトのECCUBEのスマホページの場合ページ内リンクをしてタップしてもページ内リンクが機能しません。

スマホのページ内リンクが機能しない原因

デフォルトで有効にならない原因ってスマホページではデフォルトで搭載されているjquery.mobileの影響みたいですね。

ページ内リンク先は

ページ内リンク元は

こんな感じですね。

スマホのページ内リンクを有効にさせる方法

そんな時にリンク先にはname属性、リンク元にはtarget=”_top”を入れることで有効になります。

ページ内リンク先は

ページ内リンク元は

こういった忘れやすいことをまとめて置くことの積み重ねがコーディングや作業のスピードにつながっていくと思います。
良かったらメモしておいてくださいね~。

ではまたごきげんよう。

WEB制作のご依頼はCLICK!

Facebookで共有する
0
はてなブックマークで共有する
1
twitterで共有する
0
Google+で共有する
0
MENU