フォノクラフト株式会社：作業メモや備忘録など » SmartPhone http://121.50.42.205/note 作業メモや備忘録など... Fri, 05 Jul 2013 05:17:27 +0000 ja hourly 1 http://wordpress.org/?v=3.1.3 [ec-cube] スマートフォンからのアクセスでPC用のページを表示させる http://121.50.42.205/note/ec-cube-%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%81%8b%e3%82%89%e3%81%ae%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%81%a7pc%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8_1409 http://121.50.42.205/note/ec-cube-%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%81%8b%e3%82%89%e3%81%ae%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%81%a7pc%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8_1409#comments Wed, 09 May 2012 02:58:37 +0000 admin http://phono.co.jp/note/?p=1409

あまり使い勝手の良くないスマホ専用画面

ブログに関してはスマホ専用サイトは見やすくて歓迎できるのですが、
ECサイトに関してはスマホ専用画面は使いづらい気がするので。

この辺りは個人的な見解の域を出ませんが、実装するなら下記の方法で可能。

ついでにガラケーからのアクセスは出来ない様にもしています。

対象

EC-CUBEバージョン

2.11.4

対象ファイル

/data/class/SC_Display.php

変更箇所

下記の3箇所を変更します。
（※ガラケーからのアクセスを許可する場合は（２）をスルーしてください。）

（１）109行目付近

$this->setView(new SC_SmartphoneView_Ex());
を↓
$this->setView(new SC_SiteView_Ex());
に変更

 

（２）143行目付近 

return DEVICE_TYPE_MOBILE;
を↓
echo '
	<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>aconavi</title>
	<body>
	<center>
	<h1>○○○○</h1>
	</center>
	<hr/>
	<p>携帯電話からのｱｸｾｽは<br />Scope(ｽｺｰﾌﾟ)、Opera(ｵﾍﾟﾗ)、jig(ｼﾞｸﾞ)等のﾌﾙﾌﾞﾗｳｻﾞをご使用ください。</p>
	<center>
	<p>[<a href="http://○○○○.co.jp/" target="_blank">http://○○○○.co.jp/</a>]</p>
	</center>
	<p>※ﾌﾙﾌﾞﾗｳｻﾞとはﾊﾟｿｺﾝ向けに作られたWebｻｲﾄをそのまま閲覧できる、携帯電話など向けのWebﾌﾞﾗｳｻﾞです。</p>
	<hr/>
	<center>
	<p>Copyright &copy; 2005-2012<br />○○○○ All rights reserved. </p>
	</center>
	</body>
	</html>
';
exit;
に変更
（※『○○○○』の部分は任意に変更してください）

 

（３）145行目付近 

return DEVICE_TYPE_SMARTPHONE;
を↓
return DEVICE_TYPE_PC;
に変更

 

ダウンロード

バージョンが同じならこちらからダウンロードして /data/class/SC_Display.php に上書きしても大丈夫かと。

]]> http://121.50.42.205/note/ec-cube-%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%81%8b%e3%82%89%e3%81%ae%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%81%a7pc%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8_1409/feed 0 スマートフォンサイトへの振り分け http://121.50.42.205/note/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%b8%e3%81%ae%e6%8c%af%e3%82%8a%e5%88%86%e3%81%91_34 http://121.50.42.205/note/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%b8%e3%81%ae%e6%8c%af%e3%82%8a%e5%88%86%e3%81%91_34#comments Mon, 06 Jun 2011 09:41:55 +0000 admin http://phono.co.jp/note/?p=34 <head>内に、下記を入れ『スマートフォン用のサイトを表示しますか？』というアラートを表示させます。

<!-- SmartPhone -->
<script type="text/javascript">
	//if ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
	if (document.referrer.indexOf('（ドメイン名：例 phono.co.jp）') == -1 && ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)) {
		if(confirm('スマートフォン用のサイトを\n表示しますか？')) {
		location.href = '../smp/disney/';
		}
	}
</script>
<!-- /SmartPhone -->

そして、スマホだけに見せるボタンなどは下記の様に記述します。

		<!-- スマートフォンボタン -->
		<script type="text/javascript">
			if ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
				document.write ('<a href="（リンクしたいURL）"><img src="/tv/af_lib/img/btn_smp.gif" width="134" height="21" alt="スマートフォンサイトへ" border="0" style="margin:40px 0 5px 0;float:right;" /></a>');
			}
		</script>
		<!-- /スマートフォンボタン -->
]]> http://121.50.42.205/note/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%b8%e3%81%ae%e6%8c%af%e3%82%8a%e5%88%86%e3%81%91_34/feed 0