楽天標準のようなショップ内検索窓を表示させる方法のヤフー版、出来ませんか？

Question

楽天標準のようなショップ内検索窓を表示させる方法
https://club.ec-masters.net/index.php?design_page18

のようなヤフー版（ヤフー標準というわけではないですが）はできないでしょうか。もしくはあれば場所を教えて下さい。

私的にはこんな感じのができればいいな、と思っています。 ↓ 
https://store.shopping.yahoo.co.jp/clover8888/

よろしくお願い致します。

Answer

ECマスターズの伊藤です。

> 楽天標準のようなショップ内検索窓を表示させる方法
> https://club.ec-masters.net/index.php?design_page18
> 
> のようなヤフー版（ヤフー標準というわけではないですが）はできないでしょうか。もしくはあれば場所を教えて下さい。

下記コードの
【ストアURL】
と、

#ff0451;
が色になりますので、お好みの色に変更いただき
ご利用くださいませ。

配色参考
https://www.colordic.org/

なお、設置可能な箇所は、トリプルのみとなりますので、
ご注意くださいませ。







ストア内検索





.elSearch-hd {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
border: 2px solid #ff0451;
border-radius: 5px;
width: 400px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.elSearchInput-hd {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 0 8px;
border: 0;
border-radius: 0;
min-width: 1px;
line-height: 45px;
height: 45px;
-webkit-transition: all .5s;
transition: all .5s;
}
.elSearchSubmit {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 8px 0 12px;
border: 0;
border-radius: 0;
background-color: #ff0451;
color: #fff;
font-weight: 700;
line-height: 26px;
}

Answer

伊藤様、日曜日にも関わらずありがとうございます！

説明不足で申し訳ありません。
欲しいものは「楽天標準のようなショップ内検索窓を表示させる方法」の2番で「イベント告知君と検索窓を設置する」でした。

例に挙げているストアさんは看板部分でそれらしい機能を実現させています。（画像参照）

「イベント告知君と検索窓を設置する」のように「イベント告知君(Y)」と組み合わせて必要事項を入力していくとタグが生成され、そのタグを貼り付けて実現、という機能があればいいな、と思った次第です。

どうぞよろしくお願い致します。###HR######IMG01c783eb509a40d9af5f157825c3280ce.pngIMG0###

Answer

ECマスターズの伊藤です。

> イベント告知君と検索窓を設置する」のように「イベント告知君(Y)」と組み合わせて必要事項を入力していくとタグが生成され、そのタグを貼り付けて実現、という機能があればいいな、と思った次第です。

申し訳ありませんが、こちらの機能は提供しておらず、
ご自身にてタグを作成いただく必要がございます。

作成方法ですが、
tableタグをご利用いただくことで、表現できます。

tableタグに付いて、詳しくは

HTMLタグ解説 
■table,tr,th,td
https://club.ec-masters.net/index.php?design_tags#tabletags

をご参照くださいませ。


検索窓　イベント告知君
と並べていただく場合は



ここに検索窓
ここにイベント告知君



となります。

Answer

解説ありがとうございます。やってみます。
ついでにツールとしての実現、希望します。

Answer

ECマスターズの伊藤です。

> ついでにツールとしての実現、希望します。

ご要望、ありがとうございます。
こちらのツール化について、社内にて検討させていただきます。