トップページ上部の仕様について

Question

お世話になります。

下記店舗さんのようにカーソルをカテゴリーに合わせると、下位カテゴリーが表示され、さらにカーソルを合わせると下位カテゴリーが表示されるようにするにはどうすれば良いですか？

https://www.rakuten.ne.jp/gold/hotch-potch/

お手数をお掛けいたしますが、よろしくお願い致します。

Answer

ECマスターズの田中です。

カーソルを合わせると下に表示される仕組みは
「ドロップダウンメニュー」と呼ばれており、
CSSやJavaScriptを利用することで実装することができます。

具体的な方法を解説しているサイトは多数ございますので、
下記URLで紹介されている、CSSのみで作る方法や、

https://theorthodoxworks.com/web-design/drop-down-menu-multi-css/

下記「Superfish」のようなjQueryプラグインを利用する方法をご参照ください。

https://superfish.joelbirch.design/examples/nav-bar/

なお、jQueryプラグインなど、JavaScriptを利用する場合、
タグを記載する必要があるため、
楽天GOLDのページにのみ設置可能となります。
（楽天GOLDに設置したページを、iframeタグで埋め込んでご利用いただくこともできます）

Answer

ありがとうございます。
やってみます。
わからなければ、再度質問させていただきます。