{"id":10304,"date":"2025-07-31T14:48:55","date_gmt":"2025-07-31T14:48:55","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=10304"},"modified":"2025-07-31T14:48:57","modified_gmt":"2025-07-31T14:48:57","password":"","slug":"wie-man-die-produkttabelle-von-tableberg-block-verwendet","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/de\/docs\/how-to-use-the-product-table-by-tableberg-block\/","title":{"rendered":"Wie man das Produkt Table by Tableberg Block verwendet"},"content":{"rendered":"<p>Die <strong><a href=\"https:\/\/tableberg.com\/de\/woocommerce-produkttabelle-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">Produkt-Tabelle von Tableberg<\/a><\/strong> Block k\u00f6nnen Sie vollst\u00e4ndig anpassbare WooCommerce-Produkttabellen direkt im WordPress-Blockeditor erstellen. Sie k\u00f6nnen Produkttabellen anzeigen, um den Kunden das Durchsuchen, Vergleichen und Hinzuf\u00fcgen von Produkten zu ihrem Warenkorb zu erleichtern.<\/p>\n\n\n\n<p>Folgen Sie diesen Schritten, um Ihr erstes Produkt Table zu erstellen und anzupassen:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Das Produkt Table mal Tableberg Block einf\u00fcgen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klicken Sie auf die <strong>(+)<\/strong> Schaltfl\u00e4che im WordPress-Editor, um einen neuen Block hinzuzuf\u00fcgen.<\/li>\n\n\n\n<li>Mit dem Tippen beginnen <strong>\"Produkt Table\"<\/strong> in der Blocksuchleiste.<\/li>\n\n\n\n<li>Select <strong>Produkt-Tabelle von Tableberg<\/strong> aus den verf\u00fcgbaren Optionen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1024x730.png\" alt=\"\" class=\"wp-image-10305\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1024x730.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-300x214.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-768x547.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1536x1095.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-2048x1459.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2. W\u00e4hlen Sie WooCommerce Table-Spalten<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nachdem Sie den Block hinzugef\u00fcgt haben, sehen Sie die Option <strong>WooCommerce-Tabellenspalten ausw\u00e4hlen<\/strong>.<\/li>\n\n\n\n<li>W\u00e4hlen Sie aus, welche Produktinformationen als Spalten angezeigt werden sollen (z. B. Produktname, Bild, Optionen f\u00fcr Variationen ausw\u00e4hlen, In den Warenkorb, usw.).<\/li>\n\n\n\n<li>W\u00e4hlen Sie aus der Dropdown-Liste ein Feld aus und klicken Sie dann auf <strong>hinzuf\u00fcgen<\/strong> um sie in Ihre Tabelle aufzunehmen.<\/li>\n\n\n\n<li>Sie k\u00f6nnen Spalten jederzeit neu anordnen oder entfernen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1024x690.png\" alt=\"\" class=\"wp-image-10306\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1024x690.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-300x202.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-768x518.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1536x1035.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-2048x1380.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">3. W\u00e4hlen Sie die Anzahl der anzuzeigenden Elemente<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Legen Sie fest, wie viele Produkte Sie in Ihrer Tabelle anzeigen m\u00f6chten.<\/li>\n\n\n\n<li>Verwenden Sie die Kippschalter, um nur <strong>Vorgestellte Produkte<\/strong> oder <strong>Produkte zum Verkauf<\/strong> falls erforderlich.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"830\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1024x830.png\" alt=\"\" class=\"wp-image-10307\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1024x830.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-300x243.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-768x623.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1536x1245.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-2048x1660.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">4. Anpassen des Table-Designs<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gehen Sie bei ausgew\u00e4hltem Tableberg-Block in die rechte Seitenleiste und klicken Sie auf die Schaltfl\u00e4che <strong>Stile<\/strong> (das Pinselsymbol).<\/li>\n\n\n\n<li>Hier k\u00f6nnen Sie:\n<ul class=\"wp-block-list\">\n<li>\u00c4ndern Sie die Hintergrundfarbe der Kopf-, Zeilen- und Fu\u00dfzeilen.<\/li>\n\n\n\n<li>Passen Sie die F\u00fcllung und die Abst\u00e4nde der Zellen an.<\/li>\n\n\n\n<li>Steuern Sie Tabellenr\u00e4nder und globale Schriftstile.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Personalisieren Sie Ihre Tabelle, damit sie perfekt zum Branding Ihrer Website passt.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1010\" height=\"1024\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1010x1024.png\" alt=\"\" class=\"wp-image-10308\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1010x1024.png 1010w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-296x300.png 296w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-768x778.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1516x1536.png 1516w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-2021x2048.png 2021w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-12x12.png 12w\" sizes=\"auto, (max-width: 1010px) 100vw, 1010px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">5. Einzelne Unterbl\u00f6cke anpassen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sie k\u00f6nnen auch jeden Unterblock (z. B. Schaltfl\u00e4che) individuell anpassen.<\/li>\n\n\n\n<li>W\u00e4hlen Sie den Block aus, den Sie anpassen m\u00f6chten, und nehmen Sie die \u00c4nderungen im Optionsfeld auf der rechten Seite vor.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"919\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1024x919.png\" alt=\"\" class=\"wp-image-10309\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1024x919.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--300x269.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--768x689.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1536x1378.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--2048x1837.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--13x12.png 13w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">6. Ver\u00f6ffentlichen Sie Ihr Table<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wenn Sie mit der Einrichtung und dem Design des Tisches zufrieden sind, klicken Sie auf <strong>ver\u00f6ffentlichen.<\/strong> (oder <strong>Update<\/strong>), um Ihren Produkttisch live zu schalten.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Tipps<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sie k\u00f6nnen mehrere Produkt-Table-Bl\u00f6cke auf einer einzigen Seite f\u00fcr verschiedene Produktkategorien oder -typen hinzuf\u00fcgen.<\/li>\n\n\n\n<li>Verwenden Sie die integrierten Filteroptionen, um Bestseller, Sonderangebote oder Ausverkaufsartikel hervorzuheben.<\/li>\n\n\n\n<li>Mischen Sie verschiedene Spalten (wie Bewertungen, SKUs usw.), um einen umfassenderen Produktvergleich zu erm\u00f6glichen.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<p><strong>Das war's!<\/strong><\/p>\n\n\n\n<p>Mit dem Tableberg-Block \"Product Table\" k\u00f6nnen Sie WooCommerce-Produkte mit wenigen Klicks in einer sch\u00f6nen, anpassbaren Tabelle pr\u00e4sentieren - ganz ohne Programmierkenntnisse.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>","protected":false},"excerpt":{"rendered":"<p>The Product Table by Tableberg block lets you create fully customizable WooCommerce product tables right inside the WordPress block editor. You can display product table to make it easier for customers to browse, compare, and add products to their cart. Follow these steps to create and customize your first Product Table: 1. Insert the Product [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10310,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[125],"doc_tag":[],"class_list":["post-10304","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-getting-started"],"year_month":"2026-04","word_count":362,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/tableberg.com\/de\/docs-category\/getting-started\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/10304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=10304"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/10304\/revisions"}],"predecessor-version":[{"id":10311,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/10304\/revisions\/10311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/10310"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=10304"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_category?post=10304"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_tag?post=10304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}