バージョン選択

フォーラム

メニュー

オンライン状況

73 人のユーザが現在オンラインです。 (64 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 72
asishomeb もっと...

サイト内検索

質問 > フロント機能 > 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のブラウザから携帯用ディレクトリにアクセスしても普通に携帯用になります。)


----------------
EC-CUBE公式エヴァンジェリスト
EC-CUBEインテグレートパートナー (株)スピリット・オブ
移転・拡張・高速化・問題解決
各種カスタマイズ・支援依頼承ります。

[url=h

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ブロックテンプレート内のパスに問題があるように感じます。
赤字の部分を修正してみて下さい。


<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>



次へボタンなどのジャンプ先については各クラスファイルを変更してあげればいいかと思います。
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を設定
過去スレで解決できました。

ここを参考

PHPの設定で

session.use_trans_sid = 1

を追記したところ、無事動作確認できました。

ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,865名です
総投稿数は109,997件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1294
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.