質問 > フロント機能 > 2.4でスマホ用のCSSを設定 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
maimax |
投稿日時: 2012/1/24 19:33
対応状況: −−−
|
常連 登録日: 2010/9/16 居住地: nagano 投稿: 32 |
2.4でスマホ用のCSSを設定 2.4.4でモバイルサイトをCSSのみの変更で、簡易的なスマホ用に表示にしようと思っております。
CSS表示の設定はMETAタグの追加とスクリプトの追加でできたのですが、 スマホ用のTOPページのおススメ情報とマイページなどいくつかのページがスマホからアクセスし た場合PCサイトに移行してしまいます。 モバイルからのアクセスは通常どうりモバイル用に移行します。 どこかに条件を指定しているファイルがあるとは思いますが、どこにあるのかわかりません。 どなたか、わかりましたらお教えいただけたらありがたいです。 モバイルのbest5.tpl はそのまま使用しておりますが、ここのパスを変更したら表示されるのではないかと思ってましたがパスはモバイル用に なっているので、わからなくなってしまった状態です。 <!-- ▼オススメコメント ここから --> <a href="<!--{$smarty.const.MOBILE_DETAIL_P_HTML}--><!--{$arrProduct.product_id}-->"> <!--{$arrProduct.comment|escape|nl2br}--></a> <!-- ▲オススメコメント ここまで --> ********追加したタグ*********** site_frame.tplに <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1" /> <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { document.write('<link rel="stylesheet" type="text/css" href="style.css">'); $(window).bind('resize load', function(){ $("html").css("zoom" , $(window).width()/640 ); }); } </script> を追加しました。 EC-CUBEバージョン 2.4.4 PHPバージョン PHP 5.2.17 DBバージョン MySQL 5.1.57 |
AMUAMU |
投稿日時: 2012/1/25 2:07
対応状況: −−−
|
神 登録日: 2009/5/2 居住地: 東京都 投稿: 2712 |
Re: 2.4でスマホ用のCSSを設定 2.4.4であれば自動で切り替わる事は無いので、MOBILE_DETAIL_P_HTMLの指定がおかしいか、何か阻害している別のカスタマイズがあるのではないでしょうか?
(2.4系は携帯用はディレクトリ自体が異なり[/html/mobile/ディレクトリ]、標準状態でPCのブラウザから携帯用ディレクトリにアクセスしても普通に携帯用になります。)
|
maimax |
投稿日時: 2012/1/25 8:44
対応状況: −−−
|
常連 登録日: 2010/9/16 居住地: nagano 投稿: 32 |
Re: 2.4でスマホ用のCSSを設定 確認したところ PCから モバイルサイトにアクセスし
同じようにBEST5を をアクセスしたところ PCのサイトの方に移行してしまいました。 BEST5に関しましては、カスタマイズを少ししてあり、ランキング表示にしてあります。 ブロックのタグは <div id="top_right"> <h2 class="side_title"> 人気商品ランキング</h2> <!--{if count($arrBestProducts) > 0}--> <div class="ranking_inner"> <ul> <!--{foreach from=$arrBestProducts key=myId item=i}--> <li> <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$i.product_id}-->"> <img src="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$i.main_list_image}-->" height="80px" alt="<!--{$i.name}-->"> <!--{assign var=rank value=$myId+1}--> <h4><!--{$rank}-->位:<!--{$i.name}--></h4> </a> </li> <!--{/foreach}--> </ul> </div> <!--{/if}--> </div> になります。 |
ゲスト |
投稿日時: 2012/1/25 14:00
対応状況: −−−
|
Re: 2.4でスマホ用のCSSを設定 リンクパスがモバイルのディレクトリを指していないようなので
<!--{$smarty.const.DETAIL_P_HTML}--> を <!--{$smarty.const.MOBILE_DETAIL_P_HTML}--> に変更してあげれば解決できそうです。 |
|
maimax |
投稿日時: 2012/1/25 15:31
対応状況: −−−
|
常連 登録日: 2010/9/16 居住地: nagano 投稿: 32 |
Re: 2.4でスマホ用のCSSを設定 /data/Smarty/templates/host/mobile/top.tpl を確認したところリンクパスは変更していなく、ちゃんとモバイル用になってはいるみたいです。 <!-- ▼ピックアップ商品 ここから --> <hr> <!--{include_php file=`$smarty.const.MOBILE_HTML_PATH`frontparts/bloc/best5.php}--> <hr> <!-- ▲ピックアップ商品 ここまで --> その他、会員登録ページを入力時で”次へ”ボタンなどを押した場合は、PCサイトのTOPページに移行されてしまいます。 ここの送信ボタンです。 data/smarty/templates/default/mobile/entry/index.tpl <input type="submit" name="submit" value="次へ"> お買い物をして”購入”ボタンを押しても同じくPCサイトのTOPページに移行されてしまいます。 フォームの送信ボタンの設定がなにか関係あるのかなとは思います。 |
ゲスト |
投稿日時: 2012/1/25 17:29
対応状況: −−−
|
Re: 2.4でスマホ用のCSSを設定 BEST5ブロックテンプレート内のパスに問題があるように感じます。
赤字の部分を修正してみて下さい。
次へボタンなどのジャンプ先については各クラスファイルを変更してあげればいいかと思います。 |
|
maimax |
投稿日時: 2012/1/25 18:07
対応状況: −−−
|
常連 登録日: 2010/9/16 居住地: nagano 投稿: 32 |
Re: 2.4でスマホ用のCSSを設定 ありがとうございました。BEST5の方は無事表示ができました。
やはりパスが違ってました。 もうひとつなのですが、 その他、会員登録ページを入力時で”次へ”ボタンなどを押した場合は、PCサイトのTOPページに移行されてしまいます。 ここの送信ボタンです。 data/smarty/templates/default/mobile/entry/index.tpl <input type="submit" name="submit" value="次へ"> お買い物をして”購入”ボタンを押しても同じくPCサイトのTOPページに移行されてしまいます。 フォームの送信ボタンの設定がなにか関係あるのかなとは思います。 こちら、もうひとつカスタマイズを何もしていないTEST用サイトでも同じ現象が起きてしまいます。 フォームの設定で何か設定しなくてはいけないのでしょうか。 メールの自動返信などもユーザー認証をtrueにして、やっとこ動いた感じでした。 TEST |
maimax |
投稿日時: 2012/1/25 21:04
対応状況: 解決済
|
常連 登録日: 2010/9/16 居住地: nagano 投稿: 32 |
Re: 2.4でスマホ用のCSSを設定
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |