について Tablebergの製品テーブル ブロックを使用すると、WordPressブロックエディタ内で完全にカスタマイズ可能なWooCommerce商品テーブルを作成できます。商品テーブルを表示することで、顧客が商品を閲覧、比較、カートに追加しやすくなります。
以下の手順に従って、最初の製品Tableを作成し、カスタマイズしてください：
1.製品Table by Tablebergブロックを挿入する。 #
- をクリックする。 (+) ボタンをクリックして、新しいブロックを追加します。
- タイプ開始 「製品Table をブロック検索バーに入力する。
- 選択 Tablebergの製品テーブル を利用可能なオプションから選択する。
2.WooCommerce Tableカラムを選択する #
- ブロックを追加すると、以下のオプションが表示されます。 WooCommerceテーブルのカラムを選択する.
- カラムとして表示したい商品情報を選択します（例：商品名、画像、バリエーションオプションの選択、カートに入れるなど）。
- ドロップダウンを使ってフィールドを選び、次に 追加 をテーブルに含める。
- 列の並び替えや削除はいつでも可能です。
3.表示するアイテムの数を選択する #
- テーブルに表示する商品の数を設定します。
- トグルを使って 注目商品 または 販売商品 必要なら
4.Tableデザインのカスタマイズ #
- Tablebergブロックを選択した状態で、右サイドバーの スタイル タブ（ペイントブラシのアイコン）。
- ここで、あなたはできる：
- ヘッダー、行、フッターの背景色を変更する。
- セルのパディングとスペーシングを調整する。
- テーブルのボーダーとグローバルフォントスタイルを制御します。
- テーブルをパーソナライズして、サイトのブランディングに完璧にフィットさせましょう。
5.サブブロックのカスタマイズ #
- また、各サブブロック（ボタンなど）を個別にカスタマイズすることもできます。
- カスタマイズしたいブロックを選択し、右側のオプションパネルから変更を加えます。
6.Tableを公開する #
- テーブルのセットアップとデザインに満足したら、次のボタンをクリックします。 出版 (または Update)を使用して、製品テーブルをライブにします。
ヒント #
- 異なる製品カテゴリまたはタイプのために、1つのページに複数の製品Tableブロックを追加することができます。
- 内蔵のフィルタリングオプションを使用して、ベストセラー、特集、セール品を強調表示します。
- より豊かな商品比較体験のために、（評価、SKUなどの）列を混ぜて組み合わせましょう。
それだけだ！
TablebergのProduct Tableブロックを使えば、WooCommerceの商品を美しくカスタマイズ可能なテーブルで表示することができます。
