Kadence Teaching: Kadenceショップキット製品バリエーション詳細スウォッチ

ケイデンスショップキット(旧称:Woo Extras)は、次のように拡張しました。 WooCommerce その機能は"バリアントパレット「は、非常に実用的なものである。商品のバリエーションをドロップダウンメニューやラジオボックス、色や写真で視覚的に表示することができるため、顧客は商品の違いをすぐに理解しやすく、購買意欲を高めることができる。

画像 [1]-Kadence Shop Kit Variant Swatches: WooCommerce商品表示の最適化

バリアントカラーパレット機能を使い始める

インストールと有効化機能

  • インストールとアクティベーション ケイデンス ショップキット・プラグイン。
  • ある ワードプレス バックオフィスの左下にある ショップキット メニュー、クリックして入る。
画像[2]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化
  • 入り込む バリエーション・スウォッチ タブで機能を有効にする。

製品ギャラリーの有効化

バリエーション・スウォッチ機能は ショップ・キット・オファー製品ギャラリー(製品ギャラリー) モジュール

以下のようにパスを有効にする:

  • 出向く ショップキットの設定 → 製品ギャラリー
  • 商品ギャラリー機能の有効化(トグルスイッチ)
画像[3]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化

オプション機能:商品画像を有効にする回す(製品スライダー)

画像の回転機能を使用する必要がある場合は、商品ページで有効にすることもできます。

製品ページ設定オプション

画像[4]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化

バリアントラベル表示デフォルトではオプション・エリアの隣に表示され、非表示、上方表示、ホバー表示などの設定が可能。

デフォルトのスウォッチタイプバリアントのデフォルトのサンプルタイプを選択します。ドロップダウンセレクションボックス、ラジオボックス、イメージサンプル、カラーサンプル、タクソノミー定義を設定することができます。

タクソノミーの定義」を選択すると、タクソノミーの定義が WooCommerce → 属性 このページでは、各属性に対して個別にスウォッチ・タイプを設定します。

この設定は製品ごとに調整することもできる。

デフォルトのラベル表示表示なし、上に表示、下に表示、ホバー表示

デフォルトのスウォッチサイズスウォッチサイズは、全商品に設定することも、商品ごとに設定することもできます。

ドロップダウン・ボックスのプレースホルダー・テキストドロップダウンボックスのデフォルトのプロンプトテキストはカスタマイズ可能です。

製品バリアント設定プロセス

バリアントスウォッチを使用する前に、商品の属性とバリアントを設定する必要があります。商品編集ページの "製品データ「モジュールでは、"因果性"タブで、必要な属性(例:色、サイズ)を追加し、"バリエーション".

画像[5]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化

その後、"形態"タブで価格や各バリアントの画像を設定したり、複数の画像を追加してバリアントギャラリーを形成することができます。

画像 [6] - Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化

個々の製品のカラーパレットスタイルの調整

個々の製品のカラーパレットをカスタマイズする場合:

  • 商品編集ページで 製品データ → バリエーションスウォッチ.
  • 各バリアントに設定されている:
    • スウォッチの種類(色、画像、ラジオボックスなど)
    • ラベル表示モード
    • スウォッチサイズ
  • 各バリアントに色を割り当てるか、画像をアップロードします。
画像 [7] - Kadence Shop Kit Variant Swatches: WooCommerce商品表示の最適化

完成したら、商品ページを保存してプレビューし、エフェクトが正しくレンダリングされていることを確認してください。

画像 [8] - Kadence Shop Kit Variant Swatches: WooCommerce製品プレゼンテーションの最適化

カラーパレット・プレゼンテーション・スタイルの概要

ケイデンス ショップキットは以下の表示スタイルをサポートしています:

ドロップダウンメニュースタイル(ドロップダウン)

オプションの多い物件や画像のない物件に対する従来の選択方法。

画像[9]-Kadence Shop Kit バリアントスワッチ機能の説明:WooCommerce製品プレゼンテーションの最適化

ラジオボックススタイル

各オプションをボタンとして表示することは、より少ないバリエーションに適しています。

画像[10]-Kadence Shop Kit Variant Swatches Explained: Optimising WooCommerce Product Presentation

画像または色見本のスタイル (色/画像見本)

各バリアントをグラフィカルに視覚的に表現したもので、色、柄、スタイルの違いを示すのに適している。

画像 [11]-Kadence Shop Kit Variant Swatches Explained: WooCommerce Product Presentationの最適化

概要

バリエーション豊かなカラーパレットは、商品ページをより豊かに演出します。商品情報はより直感的になり、顧客はオプションの違いを素早く理解し、商品への興味を高めることができます。特にアパレル、カスタマイズ、ホームファニッシング製品のディスプレイに適しています。 ケイデンス その他のモジュールは、商品ページの表示をより柔軟にするために使用されます。


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス156 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし