横幅いっぱいのスライドバナー

Question

イーザッカマニアストアーズさんで使われているスライドバナーを当店ヤフーショッピングのPCページに設置したいです。

https://store.shopping.yahoo.co.jp/e-zakkamania/
PCページのヘッダエリアに使われているページ幅いっぱいに広がっているスライドバナーです。

・ページ横幅いっぱにに広げられるもの
・使う予定のバナー画像のサイズがページ横幅に満たないので前後のスライドが左右の空いたスペースに表示される

全く同じものでなくて構わないので、上記要件を実現できるスライドバナーを紹介してください。

Answer

ECマスターズの田中です。

イーザッカマニアストアーズさんのYahoo!ショッピング内ストアのPCページでは、
https://shopping.geocities.jp/e-zakkamania/shop_design/header.html
トリプル内に用意した上記ページに、
「Owl Carousel」というjQueryプラグインを利用して
スライダーバナーを設置し、
タグでヘッダーのフリースペース内に埋め込むことで
実現されております。

Owl Carouselの導入方法については、
下記URLにてわかりやすく解説されております。
http://vdeep.net/owl-carousel
不明な点がございましたらお知らせください。