ケイデンスショップキット(旧称:Woo Extras)は、次のように拡張しました。 WooCommerce その機能は"
![画像 [1]-Kadence Shop Kit Variant Swatches: WooCommerce商品表示の最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402104328748-image.png)
バリアントカラーパレット機能を使い始める
インストールと有効化機能
![画像[2]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402104628402-image.png)
- 入り込む バリエーション・スウォッチ タブで機能を有効にする。
製品ギャラリーの有効化
バリエーション・スウォッチ機能は ショップ・キット・オファー製品ギャラリー(製品ギャラリー) モジュール
以下のようにパスを有効にする:
- 出向く ショップキットの設定 → 製品ギャラリー
- 商品ギャラリー機能の有効化(トグルスイッチ)
![画像[3]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402104705970-image.png)
オプション機能:商品画像を有効にする回す(製品スライダー)
画像の回転機能を使用する必要がある場合は、商品ページで有効にすることもできます。
製品ページ設定オプション
![画像[4]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402105056272-image.png)
バリアントラベル表示デフォルトではオプション・エリアの隣に表示され、非表示、上方表示、ホバー表示などの設定が可能。
デフォルトのスウォッチタイプバリアントのデフォルトのサンプルタイプを選択します。ドロップダウンセレクションボックス、ラジオボックス、イメージサンプル、カラーサンプル、タクソノミー定義を設定することができます。
タクソノミーの定義」を選択すると、タクソノミーの定義が WooCommerce → 属性 このページでは、各属性に対して個別にスウォッチ・タイプを設定します。
この設定は製品ごとに調整することもできる。
デフォルトのラベル表示表示なし、上に表示、下に表示、ホバー表示
デフォルトのスウォッチサイズスウォッチサイズは、全商品に設定することも、商品ごとに設定することもできます。
ドロップダウン・ボックスのプレースホルダー・テキストドロップダウンボックスのデフォルトのプロンプトテキストはカスタマイズ可能です。
製品バリアント設定プロセス
バリアントスウォッチを使用する前に、商品の属性とバリアントを設定する必要があります。商品編集ページの "製品データ「モジュールでは、"因果性"タブで、必要な属性(例:色、サイズ)を追加し、"バリエーション".
![画像[5]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402105427817-image.png)
その後、"形態"タブで価格や各バリアントの画像を設定したり、複数の画像を追加してバリアントギャラリーを形成することができます。
![画像 [6] - Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402105436719-image.png)
個々の製品のカラーパレットスタイルの調整
個々の製品のカラーパレットをカスタマイズする場合:
- 商品編集ページで 製品データ → バリエーションスウォッチ.
- 各バリアントに設定されている:
- スウォッチの種類(色、画像、ラジオボックスなど)
- ラベル表示モード
- スウォッチサイズ
- 各バリアントに色を割り当てるか、画像をアップロードします。
![画像 [7] - Kadence Shop Kit Variant Swatches: WooCommerce商品表示の最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402105445417-image.png)
完成したら、商品ページを保存してプレビューし、エフェクトが正しくレンダリングされていることを確認してください。
![画像 [8] - Kadence Shop Kit Variant Swatches: WooCommerce製品プレゼンテーションの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402105454301-image.png)
カラーパレット・プレゼンテーション・スタイルの概要
ケイデンス ショップキットは以下の表示スタイルをサポートしています:
ドロップダウンメニュースタイル(ドロップダウン)
オプションの多い物件や画像のない物件に対する従来の選択方法。
![画像[9]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402105515867-image.png)
ラジオボックススタイル
各オプションをボタンとして表示することは、より少ないバリエーションに適しています。
![画像[10]-Kadence Shop Kit Variant Swatches Explained: Optimising WooCommerce Product Presentation](https://www.361sale.com/wp-content/uploads/2025/04/20250402105521997-image.png)
画像または色見本のスタイル (色/画像見本)
各バリアントをグラフィカルに視覚的に表現したもので、色、柄、スタイルの違いを示すのに適している。
![画像 [11]-Kadence Shop Kit Variant Swatches Explained: WooCommerce Product Presentationの最適化](https://www.361sale.com/wp-content/uploads/2025/04/20250402105524907-image.png)
概要
バリエーション豊かなカラーパレットは、商品ページをより豊かに演出します。商品情報はより直感的になり、顧客はオプションの違いを素早く理解し、商品への興味を高めることができます。特にアパレル、カスタマイズ、ホームファニッシング製品のディスプレイに適しています。 ケイデンス その他のモジュールは、商品ページの表示をより柔軟にするために使用されます。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/48770
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし