商品スライダー

¥2,900.00

WooCommerce に商品をスライダー形式で表示させる機能を追加するアドオン

商品コード: woo-all-in-one-product-carousel-slider カテゴリー:

商品スライダーは、WooCommerceで作成されたサイトに美しいカルーセルスライダーを追加できるアドオンです。

商品スライダーの主な特徴

  • 商品をカルーセル形式のスライダーで表示
  • 表示商品をカスタマイズ

コンテンツをスライドショー形式で表示するスライダーをサイトに設置する場合、写真や画像を扱うプラグインは沢山公開されています。

商品スライダーは、商品情報に特化したアドオンでWooCommerceで作成された商品を、簡単にスライダー形式で表示できます。

「おすすめ」や「ベストセラー」など商品の特長で自動で商品がスライダーで表示されるのでメンテナンスをする必要なく、サイトに強調商品を表示させることができます。

商品をカルーセル形式のスライダーで表示

プリセットされた値を変更や選択するだけで、美しいカルーセル形式のスライダーを表示することができます。

新商品や、ベストセラー商品などにまとめてスライダー表示ができるので、セールやイベントなどプロモーション時に、サイト内で利用すると効果的です。

作成されたショートコードをページに貼り付けるだけで、簡単に設置されるので技術的な部分を知らなくても、カルーセル形式のスライダーを簡単に表示させることができます。

表示商品をカスタマイズ

スライダーに表示する商品は、新商品やセール中、ベストセラーなど指定することで、アドインが自動で商品を選んでスライダーに追加してくれます。

その他にも、スライド方法やマウスによる挙動など、細かな部分もプリセットされた候補から、選択することで、カスタマイズすることができます。

商品スライダーは、表示されるスタイルと商品の内容を設定してページに商品をスライド表示するコンテンツを作成することができます。

表示される商品に、「おすすめ」や「高評価」、「ベストセラー」など、販売実績やレビューに応じた設定をすることで、対応した商品がスライダーに表示されます。

ページへの設置もショートコードで行え、詳しい知識が無くても、簡単にスライダーを設置することができます。

商品スライダー の使い方

スライダーを追加

管理画面で、新しいカルーセル形式のスライダーを追加します。

  1. 管理画面の [オールインワン商品スライダー] > [スライダーを追加] をクリックします。
    オールインワン商品スライダー
  2. 表示された [スライダーを追加] 画面で [タイトル] を入力して [スライダータイプ] 一覧から利用したいタイプを選びます。
    スライダーを追加
  3. [商品設定] をクリックします。
    スライダーを追加|商品設定
  4. [ソートフィールド]一覧から、並べ替えをする対象を選択します。
    ソートフィールド
  5. [変更を保存する] をクリックします。

 

ショートコードでスライダーを設置

作成したスライダーを、[ショートコード] を貼り付けてページ内に設置します。

  1. 管理画面の [オールインワン商品スライダー] > [スライダーの管理] をクリックします。
    オールインワン商品スライダー
  2. 表示された [商品スライダー] 画面の [ショートコード] 部分をコピーします。
    ショートコード
  3. サイト内のページに、コピーした [ショートコード] を貼り付けます。
  4. ページを表示して、スライダーを確認します。
    スライダーの追加

 

スライダーの作成時に、項目がプリセットされているので、[タイトル]、[スライダータイプ]と[ソートフィールド] の3項目を編集するだけで、カルーセル形式のスライダーが出来上がります。

また、作成時に表示される [ショートコード] をページ内に貼り付けるだけで、スライダーを設置することができるので、詳しい知識を必要とせずページに商品がスライドショーのように表示されるコンテンツを追加することができます。