Wooスライダー × WooCommerceは、WooCommerce 製品をスライドショー形式で掲載できるプラグインです。
WooSlider の拡張ツールで、投稿・画像・コンテンツに加えて商品までスライダーにすることができます。
キャンペーンやプロモーション用の商品を掲載することで、より売上が向上するでしょう。
設定も至って簡単ですので、WooSlider を利用している方は追加でご検討ください。
商品をスライドショー形式で設置
Wooスライダー × WooCommerceは、WooCommerce 製品をスライドショー形式で設置できるプラグインです。
スライドショー掲載のプラグイン「WooSlider」は、投稿や画像、コンテンツなどをスライダーにすることができますが、製品には対応していません。
Wooスライダー × WooCommerceを追加でインストールすることで、投稿・画像・コンテンツ・製品と4種類のバリエーションとなり、さらにECサイトの魅力を高めることができます。
レイアウトやオーバーレイなどカスタマイズ性が高い
Wooスライダー × WooCommerceは、設定画面で細かい条件を指定でき、スライダーの見た目や機能性を向上させることができます。
また、[カートに追加] ボタンを追加できるため、スライダーから直接商品を購入してもらえます。
ECサイトのデザインや構成に沿って、最適なスライダーを作成しましょう。
Wooスライダー × WooCommerceの説明は以上です。
製品のスライドショーを表示させることで、売上向上やサイトの質が上がります。
詳しい使い方を知りたい方は、「マニュアルページ」をご確認ください。
Wooスライダー × WooCommerce の使い方
スライダーの設置方法
Wooスライダー × WooCommerce を利用するには、「WooSlider」のプラグインが必要です。
あらかじめインストールしておいてください。
ここでは、まずスライダーの設置方法をお伝えしていきます。
- [投稿] > [新規追加] > [メディアを追加] をクリックします。
既存の投稿や固定ページでも構いません。
- [Slideshows] をクリックします。
表示された画面の [Slideshow Type] > [製品] を選んでください。
最後に [Insert Slideshow] をクリックして設置完了です。
スライダーの表示オプション
Wooスライダー × WooCommerce でスライドショーを設置するとき、次のようなオプションがあります。
- 製品数：スライドショーに表示する製品の数を設定します。
- ページネーションにサムネイルを設定する：チェックするとスライダー中のナビゲーションにサムネイルを表示させる
- 「カートに追加」ボタンを表示：製品スライドに WooCommerce の [カートに追加] ボタンを表示させます。
- レイアウト：スライドショーで使用するレイアウトを選択します。
- オーバーレイ：製品テキストを表示するときのオーバーレイのタイプを選択します。
- カテゴリー：製品カテゴリを選択します。
- タグ：製品タグを選択します。
- スライドタイトルを製品にリンクする：スライド内で、タイトルへの製品へのリンクが作成されます。
- 商品の在庫を確認する：在庫のある製品を表示します。
- 注目の製品のみ：紹介されている製品のみを表示します。
ショートコードのタグ
スライドショーを追加するときは、[wooslider slider_type =” products”] のショートコードを利用します。
ショートコードには次のオプションを追加できるので、必要なものを選んでください。
- category：1つまたは複数の製品カテゴリのスラッグ（またはコンマ区切りのスラッグのリスト）。
- tag：1つ以上の製品タグのスラッグ（またはコンマで区切られたスラッグのリスト）。
- size：表示される画像のサイズ（WordPress サイズハンドルを使用します：「サムネイル」、「中」、「大」、「フル」、またはカスタム登録された画像サイズ）。デフォルトでは「大」に設定されています。
- レイアウト：画像に関連して投稿のタイトルと抜粋を表示する場所（「text-left」、「text-right」、「text-top」、「text-bottom」）。デフォルトでは「text-left」に設定されています。
- overlay：キストを画像上にオーバーレイするかを選択（「なし」、「自然」、「完全」）。デフォルトでは「なし」に設定されています。
- limit：表示する製品の数（1、5、10などの整数値）。デフォルトでは「5」に設定されています。
- thumbnails：デフォルトのページネーションナビゲーションの代わりに、ページネーションにサムネイルを使用するかどうか（ブール値「true」または「false」）。デフォルトでは「false」に設定されています。
- link_title_to_product：各製品のタイトルを製品自体へのリンクに変換するかどうか（ブール値 -「true」または「false」）。デフォルトでは「false」に設定されています。
- check_product_in_stock：在庫のある製品の表示。（ブール値-「true」または「false」）。デフォルトでは「false」に設定されています。
- display_only_featured：「Featured」として設定されている製品のみを表示します。（ブール値-「true」または「false」）。デフォルトでは「false」に設定されています。
画像のサイズを変更したい場合
スライダーに表示される製品画像は、WooCommerce で画像設定した内容が反映されます。
ここでは、スライダーの製品画像サイズを変更する方法を紹介します。
- [商品] > [すべての商品] から編集したい商品を選びます。
- 商品編集ページ右下にある [商品画像] から登録してある商品画像をクリックします。
- メディアライブラリへ移動しますので、右にある [画像を編集] をクリックしてください。
編集画面にてトリミングやサイズ変更が可能です。
Wooスライダー × WooCommerce の使い方は以上です。
WooSlider の機能に加え、さらに製品のスライドショーを表示することができます。
投稿やコンテンツ以外にも、視覚的な製品スライダーがあることでよりサイトとしての魅力が高まります。
ぜひ、導入をご検討ください。
レビュー
レビューはまだありません。