12月 8日, 2011年 - IT    コメントはありません。

EC-CUBE2.11.4 スマホ版のjqueryに関して

Pin It画像があってPinしたい場合押して下さいね。

EC-CUBE2.11.4でのECサイトを少し触っているのですが、携帯・スマホ・PCと3種類に対応しているわけです。
でもって、スマホで確認している時、少しは待ったことがあるので、メモとして残してみます。
そもそも、こんなタイトルでひっかるとは思いませんが・・・

デフォルトで新着情報を3件以上、入力すると、【もっとみる(+○件)】というのが出てきます。
で、この部分をタップすると、jqueryにて【loading】と一緒にいわゆる考え中になってから、新着情報の一覧が表示されるわけです。
この

①:【loading】中の背景が青黒っぽいのが気に入らないので、色を変えたい

さらに、任意の新着情報をタップしたときにでる

②:左上ペケの画像の背景である(青黒っぽい背景)部分を変えたい

この2点をなんとかしたいと思っていました。

②はネットで質問したところ、ヒントとなる解答があったので、それにて解決。
jqm.cssの【 .ui-bar-f { 】の当たり

で、①でつまずいていたのですが、jqm.cssがなぜあるのか? がヒントになりました。
全部は見てないけど、とりあえずの背景は変更できました。
細かいとこはまだまだですけど。

①はjquery.mobile-1.0a3.css の【 .ui-bar-a{ 】・【 .ui-body-a{ 】当たりを見るとわかりました。

先に、jquery.mobile-1.0a3.css についてちと調べた方がよかったかもしれません。
以上、書きなぐりでした・・・

といっても、まだ、引っ張られそうです。



なにかご意見があればコメントを書いて下さい。