ページの作り方教えてください。

Question

お世話になっております。

こちらのページを参考に検索ページを作りたいと思っています。 
■ショップ内で探す のホットワード
■小バナー 
■Vを押すと開く部分 
を 

*ttps://www.rakuten.ne.jp/gold/kyunan/#p05 
を参考に作成したいと思っています。

検索部分はデザインツールを参考に入れられるのですが、 画像の２つの部分が全然出来ませんでした。 

アドバイスお願いします。###HR######IMG05b2543bc71df9c34d60be20cd03f9065.jpegIMG0### ###IMG1d865165500fcb4ca303a8f41ed8c813b.jpegIMG1###

Answer

ECマスターズの大谷です。

>こちらのページを参考に検索ページを作りたいと思っています。
>■ショップ内で探す のホットワード
>■小バナー
>■Vを押すと開く部分

各質問毎に回答させて頂きます。

①ショップ内で探すのホットワード

こちらは下記ソースコードを使用して、
ホットワードを設定して頂ければと思います。

====================
ミックスナッツ
====================

ご参考までに、参考に頂いた店舗さんでは、
リンク先は、楽天市場の検索結果と
なっておりました。

②小バナー

こちらは下記ソースコードを使用して
バナー設定をして頂けますでしょうか。

====================

====================

③Vを押すと開く部分

こちらはアコーディオンメニュー
というものになりますので、
下記資料をご参考に作成することが出来ます。

「jQueryでアコーディオンメニューを作ろう」
https://pengi-n.co.jp/blog/jquery-accordion/

注意点としてjQueryは、
楽天GOLD内でしか使用できませんので
ご認識の程お願いいたします。

お手数お掛けしますが、
宜しくお願いいたします。

Answer

大谷さんありがとうございます。

いただいたものを参考に作成してみます。
引き続きよろしくお願いいたします。