バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
toukei
投稿日時: 2013/5/18 16:23
対応状況: −−−
半人前
登録日: 2013/3/26
居住地:
投稿: 13
スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです
PCサイトの検索ボックスにある“商品カテゴリから選ぶ”というセレクトボックスと“商品名を入力“という検索ボックスの以下の記述を

<select name="category_id" class="box145">

<input type="text" name="name" class="box140" maxlength="50" value="<!--{$smarty.get.name|h}-->" />

スマートフォンのブロックで使ってみたのですが、スマートフォンで表示されるそれらのセレクトボックスと検索ボックスの形状(デザイン)を変更したいと思い、それ用のファイルをさがしていたところ以下のjsファイルを探し当てました(正解かどうかわかりません)。

html/user_data/packages/sphone/js/jquery.mobile/jquery.mobile-1.01.min.js

しかし、そのファイルのどこを変更するとセレクトボックスと検索ボックスの形状を変更できるかわかりません(実際は現行の指定を取り除くだけ)。どなたか教えていただけませんでしょうか。

[EC-CUBE] 2.12.1
[PHP] PHP 5.3.13
[データベース] MySQL 5.0.8
[レンタルサーバ] さくらインターネット
AMUAMU
投稿日時: 2013/5/20 15:59
対応状況: −−−
登録日: 2009/5/2
居住地: 東京都
投稿: 2712
Re: スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです
スタイルシートと、class指定を変えることで変更出来ると思います。
他のセレクトボックス部分を参考にするのが良いと思います


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

[url=h

toukei
投稿日時: 2013/5/22 17:12
対応状況: −−−
半人前
登録日: 2013/3/26
居住地:
投稿: 13
Re: スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです
AMUAMU様

お世話になります。
お忙しい中ご連絡頂きましてありがとうございます。

申し訳ございませんが、いろいろと試しているのですが、
まず、スマートフォンで参考とすべき他のセレクトボックスがどれにあたるのか検討がつかない状況ですので、使用したselect nameが具体的にどのcssを参照しているのかわかりかねております。一応それらしきjquery.mobile-1.0.1.min.cssの内容を調べているのですが、数が多すぎましてどれが相当箇所にあたるのか分からない状況です。検索用のinput nameも同様です。

また”class指定を変える”とは具体的にどのファイルをどう変えることになりますでしょうか。
AMUAMU
投稿日時: 2013/5/22 20:06
対応状況: −−−
登録日: 2009/5/2
居住地: 東京都
投稿: 2712
Re: スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです
jsやcssより、まずは標準のスマホ用テンプレートのセレクトボックスの指定を確認するのが良いかと思います

セレクトボックスなどがある会員登録用の入力フォーム等が参考になると思います。

具体的には
data/Smarty/templates/sphone/frontparts/form_personal_input.tpl
等です。

その中からCSSの指定を確認するのが良いと思います。
また、jquery.mobileのcssを直接いじる事は無いので見る必要はないと思います。(リファレンスもjqueryのサイトにありますので・・・)


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

[url=h

toukei
投稿日時: 2013/5/25 18:49
対応状況: −−−
半人前
登録日: 2013/3/26
居住地:
投稿: 13
Re: スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです
AMUAMU様

ご多忙の中大変恐縮です。

form_personal_input.tplの記述の中から、どのcssファイルの、どの箇所を参照しているかがどうにも分かりません。

スマートフォン用のselect name、およびinput nameのデザインに関して、具体的にどのファイルのどの箇所を変更すればよろしいかお教え願いませんでしょうか。

申し訳ございません。
seasoft
投稿日時: 2013/5/26 17:21
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7369
Re: スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです
Safari の開発者向け機能などで分析すると分かりやすいと思いますよ。ご参考まで。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

toukei
投稿日時: 2013/5/31 9:09
対応状況: −−−
半人前
登録日: 2013/3/26
居住地:
投稿: 13
Re: スマートフォン用のセレクトボックスと検索ボックスのデザインの指定場所を知りたいです
seasoft様、AMUAMU様、

お世話になっております。
ご多忙の中お時間頂きまして感謝致します。

了解致しました。取り留めのない質問で失礼致しました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は90,347名です
総投稿数は110,369件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1693
8
red
1571
9
mcontact
1362
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.