ブログ

説明

Gutenberg Block for WooCommerce Product Tableは、Barn2によるWooCommerce Product Tableプラグインにユーザーフレンドリーなエディターブロックを追加し、Gutenbergユーザーが製品テーブルを簡単に作成できるようにします。 WooCommerce Product Table（別途購入可能）が機能する必要があります。
WooCommerce Product Tableは、売り上げと平均注文額を増やすように設計されたクイックオーダーフォームレイアウトの製品を一覧表示します。製品ごとに個別のページにアクセスする代わりに、顧客は製品テーブルから製品、数量、バリエーションを選択して、カートにすばやく追加できます。
WooCommerce Product Tableは非常に柔軟性があり、含める製品、幅広い列オプション、フィルター、インスタントAJAX検索、カートに追加するボタンスタイルなどを選択できます。
WooCommerce ProductTableのGutenbergBlockを使用すると、Gutenbergエディターを使用してサイトの任意の場所に製品テーブルを簡単に挿入できます。これにより、ショートコードを使用せずに、商品テーブルを完全に制御できます。

ブロックオプション
WooCommerce Product Tableエディターブロックを使用して、必要な数の製品テーブルを追加できます。同じページに複数のテーブルを追加することもできます。
デフォルトでは、各商品テーブルはWooCommerce商品テーブルプラグイン設定ページからグローバルオプションを継承します。個々のブロックごとに、次のオプションをオーバーライドできます。

製品テーブルの列を選択します。

SKU、ID、製品名、

説明

、簡単な

説明

、公開日、カテゴリ、タグ、レビュー/星評価、在庫、重量、寸法、価格、カートに追加、ボタン、属性、カスタムフィールド、カスタム分類から選択します
列の順序を変更する
列の名前を変更する

表に含める製品を選択します。

すべての製品を一覧表示するか、カテゴリ、タグ、カスタムフィールド、カスタム分類、属性、年、月、日、ステータス、IDに基づいて特定の製品を選択するか、現在のユーザーが以前に注文した製品を一覧表示します。
特定の製品またはカテゴリを除外します。

カートの列設定に追加：

カートに追加ボタン–ボタン、チェックボックス、またはその両方から選択します。
数量ピッカー。
バリエーション–ドロップダウンとして表示するか、テーブルの独自の行に各バリエーションを一覧表示するか、単一の製品ページにリンクします。

製品フィルター–テーブルの上にフィルターのドロップダウンを追加して、顧客がカテゴリー、タグ、属性、またはカスタム分類法でリストを絞り込むことができるようにします。

追加オプション– WooCommerce ProductTableプラグインで利用できる他の50以上のオプションのいずれかを使用することもできます。

ブロックの使い方

まず、WooCommerce、Gutenberg Block for WooCommerce Product Table、およびWooCommerce ProductTableがすべてインストールされていることを確認します。
次に、ブロック（グーテンベルク）エディターを使用するページまたは投稿に移動し、[+]アイコンをクリックして新しいブロックを追加します。
[WooCommerce]セクションに移動して、[WooCommerce Product Table]というブロックを見つけるか、検索ボックスに「WooCommerceProductTable」と入力します。これにより、WooCommerce ProductTableブロックがエディターに挿入されます。
デフォルトでは、ブロックはすべての製品を一覧表示し、WooCommerce ProductTableプラグイン設定ページからグローバルオプションを継承します。グーテンベルクブロックで直接オプションを設定することにより、これらをオーバーライドできます。

テーブル列– [列の追加]ドロップダウンを使用して、WooCommerce製品テーブルに含める列を選択します。ドラッグアンドドロップを使用して列を並べ替えたり、鉛筆アイコンをクリックして列の名前を変更したりできます。製品テーブルの列の詳細をご覧ください。

製品– [製品の選択]ドロップダウンを使用して、テーブル内の特定の製品を一覧表示します。たとえば、ID、カテゴリ、タグ、属性、カスタムフィールド値、カスタム分類用語、日付、ステータスなどで製品を選択できます。カテゴリまたはIDに基づいてテーブルから製品を除外するオプションもあります。特定の製品のリストについてもっと読む。

追加のブロック設定は、エディターサイドバーの[ブロック]タブにあります。これらを使用して、テーブルのカートに追加列を構成します。テーブルの上にフィルタードロップダウンを追加します。 WooCommerce ProductTableで利用可能な追加オプションのいずれかを使用します。

最後に、ページを更新またはプレビューして、Webサイトのフロントエンドに製品テーブルを表示します。
手順2〜5を繰り返して、さらに製品テーブルを追加します。