ＰＣでの　既存の検索窓を削除したい

Question

お世話になります。
検索窓を　デザインレシピに載っているものに
差しかえたいです。
既存の検索窓を削除するためのタグの箇所を
教えていただけませんか。




トップページURL

https://www.rakuten.co.jp/kameyachaten/


ＰＣトップ説明文上



そうだ! キッチンを飾ろう 飾るまかない茶 フラワーパック


レフトナビゲーション

#skpln, #skpln th, #skpln td{color: #000000;font-size:14px;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic',
sans-serif;word-wrap:break-word;word-break:break-all;line-height:1.4;text-align:left;}#skpln,#skpln table,#skpln table th,#skpln
table tr,#skpln table td{padding:0;margin:0;}#skpln img{border:none;}#skpln table{border-collapse:collapse;}div#skpln
table#skplncategory,div#skpln table#skplnranking,div#skpln
table#skplncalendar{margin-bottom:20px;border-collapse:collapse;}table#skplncategory table,table#skplnranking
table,table#skplncalendar
table{border-collapse:collapse;width:100%;}table#skplnsearch{width:200px;background-color:;text-align:center;}table#skplnsearch
tr,table#skplnsearch td {height:25px;text-align:center;vertical-align:middle;border:none;padding-bottom:20px;}table#skplnsearch
input#searchbox {width:104px;height:20px;margin-right:10px;}table#skplnsearch input#sendButton {color:#333;background-color:
#efefef;vertical-align:middle;font-size:14px;width:80px;height:26px;line-height:26px;border:1px
solid;border-color:#999;}table#skplncategory{width:200px;border: solid 1px #dedede;}table#skplncategory td{padding: 0 0px
0px;background-color:#e6efd2;}table#skplncategory tr th{padding:0;}table#skplncategory tr th div{margin: -1px -1px
0;text-align:center;}table#skplncategory tr th div img{vertical-align:top;}table#skplncategory table tr td{padding: 8px
10px;vertical-align:middle;}table#skplncategory table td.skplncateparent{border-top: dotted 1px #b5b4a4;}table#skplncategory
table td.skplncatechild{border-top: none 1px transparent;}table#skplncategory table td.skplncate3{border-top: none 1px
transparent;}table#skplncategory table tr:first-child td{border-top: none;}table#skplncategory img{border:
none;vertical-align:middle;}table#skplncategory table td img{margin-right:6px;vertical-align:middle;}table#skplncategory td
td,table#skplncategory td td a{color:#7c7769;font-size:12px;background-color:#e6efd2;}table#skplncategory td
td.skplncateparent,table#skplncategory td td.skplncateparent
a{color:#506d16;font-size:12px;background-color:#f3f7e8;font-weight:bold;}table#skplncategory td
td.skplncate4,table#skplncategory td td.skplncate4 a,table#skplncategory td td.skplncate5,table#skplncategory td td.skplncate5
a{font-size:11px;color:#948E7F;}table#skplncategory td td.skplncateparent{padding-left:22px;text-indent:-1em;}table#skplncategory
td.skplncatechild{padding-left: 40px;text-indent:-1.4em;}table#skplncategory td.skplncate3{padding-left:
50px;text-indent:-1em;}table#skplncategory td.skplncate4{padding-left: 65px;text-indent:-1em;}table#skplncategory
td.skplncate5{padding-left: 75px;text-indent:0;}


ティーバックほうじ茶麦茶煎茶水出し煎茶その他
${SHOP_CALENDAR}

************************************************
以下は　参考までに

清水さんの講座内で　数年前には考えられないほど丁寧な　
検索窓のための　ＲＭＳトップ画面から設定画面までの遷移を
ＰＣ、ＳＰ両面で見せていただき　やってみようと思い立ちました。

迷いやすいたちなので　一番簡単な　実行可能なものを選ぼうと決め
１．商品ページを　コピーし　
　　設定用のテストぺージとして　別の商品名にして登録
　　　(倉庫ではＳＰ画面表示できないので　サーチ非表示に)
２．かつ　サンプルヘッダーという名前で
　　ヘッダーのテンプレートを　新規作成。

これで　仮のページ上での　設定の反映なので
失敗して　うまくいかなくても　誰にも見えない。
安心して　やり直せる。　
　　

壊れて表示崩れになっても
仮のテンプレートが　壊れるだけで
設定　＝　反映ではないのだから

と思って　デザインレシピに添って　始めたところ

PCトップ画面設定では　ヘッダーのようなテンプレートがなく
バックアップを取って　１行ずつトライすればやれないことも
ないはずですが

出店当時　カレンダー表示を自動更新に変更しようとした際
バックアップも含めて壊してしまい　ページ崩れになり徹夜
結局コールセンターのスケッチページ担当の方にゼロから
やり直してもらったことがあり　怖くてできません。

同様に　レフトナビにも検索窓がありますが
レフトナビ全体が　知識がないので
ブラックボックスのように映り　試行錯誤する気になれません。

以前　藤田さんにツールボックスをレフトナビの中ほどに
設定する際　タグの切れ目をお尋ねしたこともあったのですが
残念ながら　日が経ち　忘れてしまいました。

ということで　お聞きした方が　
早くかつ確実に設定できると思い
お尋ねしました。

実は　同様の理由で　カテゴリ設定も出店時から
全く手を付けておらず　ほとんどが　その他　のままです。

ただ一度に伺うと　おっしゃってみえる内容が分からなくなって
結局　何も設定せずに終わる可能性が　とても高いため
カテゴリ表示の箇所につきましては　別の機会にお尋ねしてみます。
　
よろしく　お願いします。###HR######IMG0b3be38c6dcbfee3a74e698558aaf64ba.pngIMG0###

Answer

ECマスターズの大谷です。

>検索窓を　デザインレシピに載っているものに
>差しかえたいです。
>既存の検索窓を削除するためのタグの箇所を
>教えていただけませんか。

こちら、レフトナビゲーションの検索窓は
削除して差し替えが可能になります。

対象ソースコードは下記部分になります。





トップページの検索窓に関しては、
楽天の仕様上、削除することができません。

詳しくは、下記のマニュアルをご参照くださいませ。
https://navi-manual.faq.rakuten.net/service/000034090

代替案として、検索窓をページ下部に
移動して、検索窓（デザインレシピ）を
目立たなくすることが可能となっております。

また、ＰＣトップ説明文上には、formタグが
登録できないため、検索窓を設置することが
できません。

そのため、デザインレシピにて案内しております
検索窓は、ヘッダーにご登録をお願い致します。

【操作手順】
①トップページの検索窓を下部に移動する

　トップページ設定→並び順設定→商品検索窓
　→▼下へ移動

②ヘッダーコンテンツに検索窓のソースコードを
　挿入する
　
　デザイン設定→ヘッダー・フッター・レフトナビ
　→編集→ヘッダーコンテンツ
　にソースコード貼り付け

お手数お掛けしますがご確認お願いいたします。

Answer

連休　連休後と　ずいぶん間が空きましたが
確認の質問をさせてください。

検索窓についてのタグというのは　ＰＣトップ説明文上には　記述が存在せず
システム固定となっており　ご指摘の通り
トップページ設定→並び順設定より　商品検索窓の項目を移動することで
動かすことのみできる　という認識でよろしいですか。

言葉を換えれば　トップページ上の検索窓は　ＰＣトップ説明文とは　一切関係なく　
『トップ説明文上での　検索窓についてのタグの記述はどの箇所か』といわれても
もともと存在しないということでしょうか。

自分のショップでありながら　出店当時から　もともと存在しているタグ全体が
ブラックボックスとなって　構成内容が理解できないのはもちろんのこと
【更新】も【修正】もできないので　うっかり必要なタグを消してしまわないように
お尋ねしました。

前回教えていただいた内容につきましては　連休中に反映出来ました。
ありがとうございました。約４年半悩み続けて　マニュアル相手に
ずいぶん徹夜もしましたが　やっと変更することができました。

Answer

ECマスターズの大谷です。

先程はお電話にてご対応頂きありがとう
ございました。

下記にてご質問の回答させていただきます。

>検索窓についてのタグというのは　ＰＣトップ説明文上には　記述が存在せず
>システム固定となっており　ご指摘の通り
>トップページ設定→並び順設定より　商品検索窓の項目を移動することで
>動かすことのみできる

ご認識の通りでお間違いありません。

>言葉を換えれば　トップページ上の検索窓は　ＰＣトップ説明文とは　一切関係なく　
>『トップ説明文上での　検索窓についてのタグの記述はどの箇所か』といわれても
>もともと存在しないということでしょうか。

こちらもご認識の通り、
検索窓のタグの記述はございません。

>【更新】も【修正】もできないので　うっかり必要なタグを消してしまわないように
>お尋ねしました。

今回のフォームの並び替えについては、
タグの修正等がございませんので、
必要なタグが削除されることはございません。

また、今後、タグの修正がある場合には、
修正前の内容を、メモ帳などに保存してから、
修正を行っていただければ、
万が一、間違った修正を行った場合でも、
すぐにもとに戻していただくことができます。

お手数おかけしますが、引き続き宜しくお願いいたします。

ＰＣでの 既存の検索窓を削除したい

ＰＣでの　既存の検索窓を削除したい