WooCommerceのバリエーションスウォッチの使用方法

公開: 2022-03-22

オンラインストアを作成したい場合、WooCommerceほど優れた選択肢は多くありません。それでも、WooCommerceのデフォルト機能を利用し、余分なものは何もないWooCommerceショップは、あなたが目にする最高のものではありません。

あなたの店を際立たせるためにあなたがしなければならないことの一つは、店のアイテムの表示のための視覚を強化する方法を見つけることです。あなたの売り上げは、あなたの製品のショーケースがどれだけユーザーフレンドリーであるかを反映します。ユーザーは製品のバリエーションをシームレスに表示したいと考えています。ここで、WooCommerceのプラグインバリエーションスウォッチが登場します。このようなプラグインを、最高ではないにしても最高のプラグインのイラストとともに使用する方法を見ていきます。 WooCommerceのバリエーションスウォッチプラグインを見つける必要がある場合は、ここに10以上の最高のWooCommerceバリエーションスウォッチプラグインのリストがあります。

WooCommerceのバリエーションスウォッチ

RadiusThemeによるWooCommerceのバリエーションスウォッチは、製品バリエーションのプレゼンテーションでWebサイトに優位性を与えるのに理想的です。プラグインは、可能な限りユーザーフレンドリーであり続けることに信じられないほどの焦点を示しています。製品のバリエーションをWooCommerceのデフォルトの選択フィールドから画像、ラベル、色に変更できる機能があります。プラグインを使用すると、通常のドロップダウンフィールドのバリエーションを紹介する必要はありません。

WooCommerceのバリエーションスウォッチは、Webサイトのスタイルに一致する製品スウォッチのカスタム境界線を作成するためのツールを提供します。背景を強調したい場合は、画像または単色を追加できます。

製品および製品カテゴリページのツールチップを追加できます。在庫切れの商品バリエーションを削除したくないですか？ WooCommerceのバリエーションスウォッチを使用すると、クロスまたはブラーを使用できます。十字の色を選択し、ぼかしの不透明度を制御できます。

WooCommerceバリエーションスウォッチにはクイックビュー機能が付属しています。この機能は、必ずしも製品ページにアクセスせずに製品を紹介するのに理想的です。デフォルトでは、このプラグインは製品の詳細ページで機能します。次に、ツールチップ、フォントサイズと色、および画像サイズを制御できます。プラグインを使用すると、正方形と円形の見本を選択できます。

WooCommerceのバリエーションスウォッチの使用

最初に行う必要があるのは、WooCommerceプラグインのバリエーションスウォッチをダウンロードすることです。または、管理パネルから直接バックエンドからインストールすることもできます。

2番目の方法として、管理ダッシュボードに移動し、プラグインに移動してから、新しいを追加します。次のページの検索ボックスに移動して、WooCommerceのバリエーションスウォッチを検索します。 RadiusThemeによるWooCommerceのVariationSwatchesを読み取るプラグインの「アクティブ化」をクリックします。

属性と属性用語の追加と編集

カラー属性を作成するときは、 WooCommerce ProductseAttributesに移動してグローバルにアクションを実行できます。次の部分は、必要なボタン、色、画像、またはラジオを選択して、必要な属性を追加することです。

新しい属性用語を追加または編集するには、[用語の構成]をクリックするだけです。色属性を編集する場合は、カラーピッカーを使用して必要な色を選択します。次に、ツールチップのテキストとタイプを設定できます。

製品属性を設定する

編集モードで、特定の製品に移動し、[製品の日付]e[変数の製品]を選択します。次に、カスタム製品属性を追加して保存するためのオプションを追加をクリックします。ただし、その前に、必ず「バリエーションに使用」チェックボックスをオンにしてください。

製品バリエーションを設定する

商品バリエーションを設定するときは、各バリエーションに画像、価格、在庫状況を割り当てるようにしてください。そうしないと、フロントエンドに表示されません。

バリエーション、デフォルトのバリエーション、選択した属性、価格、画像、在庫を選択する前に、製品データに移動するだけです。製品が実際にどのようになっているかを反映するように適切に設定してください。 バリエーションを追加するときは、バリエーションを次々に設定するか、すべて同時に設定するかを選択できることを知っておいてください。 [すべての属性からバリエーションを作成]をクリックすると、2番目のオプションが選択されます。

独自のニーズに応じて、SKU、重量、説明、配送などの他のフィールドを設定する必要があります。

個別のバリエーションを設定する

グローバルバリエーションではなく各バリエーションの設定を個別に調整する場合は、[商品スウォッチ]タブに移動してプロパティを選択します。カタログモードでのみ必要な属性を表示するように選択できます。

好みの画像の種類を選択し（必要に応じて、ツールチップを画像またはテキストとして設定します）、特定の色を選択します。必要な特定のプロパティを選択したら、[製品見本を保存]ボタンをクリックするだけです。

フロントエンドのバリエーション

ショップまたはアーカイブページの表示を制御する場合は、 WooCommerce e Settings e Product Swatches e Shop orArchivePageに移動します。次に、フロントエンドに移動して、結果を賞賛（または批評）することができます。

カスタム属性

商品のカスタム属性を追加するのは、[可変商品e属性]に移動してから、[カスタム商品属性]を追加するのと同じくらい簡単です。 [追加]ボタンをクリックして、カスタム製品属性を追加します。 [属性の保存]ボタンをクリックする前に、各カスタム属性に名前と値を割り当てます。

バリエーションにカスタム属性を追加する場合は、前の手順で追加したカスタム属性を使用してバリエーションを追加します。そこから、左側にある[ Product Swatches ]タブに移動して、カスタム属性タイプを設定します。

商品見本から、グローバル属性設定を簡単に上書きできます。ラジオ、画像、ボタン、色など、属性の種類を設定するだけです。プロパティを設定し、[製品見本を保存]ボタンをクリックします。 WooCommerce用の別の関連プラグイン追加バリエーション画像ギャラリーが必要になる場合があります

まとめ

WooCommerceの使用は非常に簡単な作業であり、すぐにその隅々まで精通している必要があります。 WooCommerceのProductVariationsのようなプラグインを使用して製品バリエーションの使用を進める場合は、このガイドを参考にしてください。

プラグインを使用する際の簡単でトリッキーな部分をナビゲートするのに役立つ、良いガイドになったことを願っています。あなたがeコマースショップの世界を打ち負かすものを作成するとき、すべてが最高です。