• 文字サイズ


解決済

Yahoo!ショッピングPCトップページに設置する検索窓のデザインについて

  • 相談者:非公開
  • 2018/11/07 01:23
お世話になっております。

Yahoo!ショッピングPCトップページ(トリプルではなくストアエディタでのページ使用)に、ストアデザイン機能を使い、ヘッダー・看板部分に「ストア内検索」のパーツを設置しました。

現在の状態は以下のようになっています。
https://store.shopping.yahoo.co.jp/SHOP-URL/

上記の今の状態から、検索窓のデザインを以下のように変更したいです。
https://shopping.geocities.jp/SHOP-URL/ecstation/spc/top_search.html

「検索」のボタン画像は現状のままでも構わないのですが、キーワード入力欄の高さと幅を、上記のトリプルページと同じ(幅は親要素の100%ほど)ようにしたいのです。あわせて、入力欄の大きさにあわせて入力フォントも少し大きくしたいです。

看板部分で以下のCSSファイルを読み込ませてあるのですが、どのようなセレクタにどのようなプロパティを追加したらよろしいでしょうか。
https://shopping.geocities.jp/SHOP-URL/css/y_style.css

または、先述のトリプルの検索窓は、ECステーションの丸ごとスマホを使って作ったのですが、
以下のようにタグを記載しても、

<script type='text/javascript'>
var oElements = document.getElementsByTagName("a");
for (var i = 0; i < oElements.length; i++) {
var oElement = oElements[i];
oElement.target = '_top';
}
</script>

検索結果ページがフレームの中に表示されてしまい、うまく行きませんでした。

また、トリプル内で検索するので、あとで検索ワードのデータが拾えなくなるかも、と思い、ストアエディタの機能を使おうと考えました。
ですが、表示とデータの問題が解決できれば、そのままトリプルで作っても良いと思っています。

アドバイスいただけたら助かります。
どうぞよろしくお願いいたします。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/11/07 10:33
ECマスターズの田中です。

> 看板部分で以下のCSSファイルを読み込ませてあるのですが、どのようなセレクタにどのようなプロパティを追加したらよろしいでし………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/09 15:46
ありがとうございます。
トリプルでもデータ上問題がなければ、後々のカスタマイズやデザインの自由度はトリプルの方がずっと良いので、トリプル(ECステーションのま………(省略)………
このフォーラムへの質問は終了しました