スマホ商品ページの検索窓

Question

いつもお世話になります。

スマホ商品ページに検索窓をPCページから転用しようとしましたが、
INPUTタグが引っかかってしまいます。

以下のタグです。




CSVでスマホ説明文の最初に入れようと思いますが、
なにかいい方法がありますでしょうか
宜しくお願い致します。

Answer

ECマスターズの田中です。

タグは、スマートフォン用商品説明文において禁止タグとみなされておりますが、
タグ名の後ろに「="" 」を追記すると、
禁止タグかどうかのチェックを無視して登録することができます。
例） → 
ただし、今後のRMSの改修によって使用できなくなる可能性がありますのでご注意ください。

なお、店舗内検索の実装には、
いただいたinputタグだけでなく、それを囲むformタグ、およびその中に含まれる他のinputタグが
必要となります。
商品説明文の文字数をたくさん消費し、不足の原因になりますので、
検索窓を表示する部分をGOLDで作成していただき、
それをタグで埋め込んでいただく方法をオススメします。

こうすると、万が一内容を変更する際も、
全ての商品説明文を一括編集することなく、
GOLD内のHTMLを修正するだけで変更することができます。

Answer

ありがとうございます。

＞＞＞
店舗内検索の実装には、
いただいたinputタグだけでなく、それを囲むformタグ、およびその中に含まれる他のinputタグが
必要となります。
商品説明文の文字数をたくさん消費し、不足の原因になりますので、
検索窓を表示する部分をGOLDで作成していただき、
それをタグで埋め込んでいただく方法をオススメします。

■すみませんが、正しいタグを教えて頂けませんでしょうか？
宜しくお願い致します。

■あと、タグの場合ですが、スマホ説明文ではじかれませんでしょうか？

■追加で質問となります。
PC版のフローティング検索窓を楽天検索窓の直下の左端に設置する場合、
以下のタグ・CSSから修正できますでしょうか？



div.pcfloatheader {
z-index: 9999999999;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 110px;
}







重ねてお願い致します。

Answer

度々すみません。念のためです。

PC版のフローティング検索窓は楽天窓を隠さず、
すぐ下に上下に並ぶ形で表示させたいと思います。

宜しくお願い致します。

Answer

ECマスターズの田中です。


＞■すみませんが、正しいタグを教えて頂けませんでしょうか？
＞宜しくお願い致します。

下記HTMLタグをご参照ください。

===== この下の行から ================









===== この上の行まで ================

ショップID、ショップURLを、実際の値に置き換えてご利用ください。
ショップIDは、RAC番号の上6桁、もしくは店舗内検索画面のURLに含まれる数字6桁です。
例）http://www.rakuten.co.jp/soukai/ の場合、
　　ショップIDは203677、ショップURLはsoukaiになります。

なお、

上記タグを入れることで、在庫あり・注文可能商品のみを検索することができます。
全商品を対象にしたい場合は、同タグを削除してください。

最後から2行目、送信ボタン用のinputタグは、
いただいたHTMLタグのように、
をご利用いただいても結構です。
送信ボタンを画像で設置する場合や、type="submit"だと表示ズレが起こる場合に便利です。


＞■あと、タグの場合ですが、スマホ説明文ではじかれませんでしょうか？

先述のタグ同様に、
タグ名の後ろに「="" 」を追記して、禁止タグチェックを回避することができます。
例）


＞■追加で質問となります。
＞PC版のフローティング検索窓を楽天検索窓の直下の左端に設置する場合、
＞以下のタグ・CSSから修正できますでしょうか？

はい、修正できます。
CSSに含まれている、top・leftの値を増減させることで、
それぞれ画面上端・左端からの距離を調整することができます。

Answer

いつもありがとうございます！
早速やってみます！