{"id":45882,"date":"2024-10-21T13:26:19","date_gmt":"2024-10-21T13:26:19","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=45882"},"modified":"2024-10-28T13:35:24","modified_gmt":"2024-10-28T13:35:24","slug":"product-table-block-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/","title":{"rendered":"Product Table Block"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The<strong> Product Table <\/strong>block is available if the <em><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproducttables\/jetproducttables-overview\/\">JetProductTables<\/a> <\/em>for <em>WooCommerce<\/em> plugin is installed and activated. To add it to the page in the WordPress block editor, the <strong>Block Inserter<\/strong> (the \u201c<strong>plus<\/strong>\u201d icon) should be pressed, and the <strong>Product Table<\/strong> block should be found in the search bar.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-1024x640.webp\" alt=\"\" class=\"wp-image-45829\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After inserting the block, a table with default settings will be added to the page.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block-1024x640.webp\" alt=\"default table added via the product table block\" class=\"wp-image-45830\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/default-table-added-via-the-product-table-block.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-of-the-product-table-block\"><strong>Settings of the Product Table Block<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Pressing the \u201c<strong>Setup Table<\/strong>\u201d button of the <strong>Product Table<\/strong> settings opens the pop-up with the <strong>Query<\/strong>, <strong>Columns<\/strong>, <strong>Settings<\/strong>, <strong>Filters<\/strong>, and <strong>Design<\/strong> tabs. Here, the <strong>Query <\/strong>settings of the <strong>Setup Table<\/strong> pop-up customize the <strong>Product Table<\/strong> content, and the <strong>Columns<\/strong>, <strong>Settings<\/strong>, <strong>Filters<\/strong>, and <strong>Design<\/strong> settings allow for managing the <strong>Product Table<\/strong> block appearance.<\/p>\n\n\n\n<p>The <strong>Product Table <\/strong>block reproduces the <strong>Columns<\/strong>, <strong>Settings<\/strong>, <strong>Filters<\/strong>, and <strong>Design<\/strong> settings that can be found in the <strong><em>WordPress Dashboard &gt; WooCommerce &gt; Settings &gt; Product Table<\/em><\/strong><em> <\/em>directory. One can read the JetProductTables Dashboard Settings Overview for more details about managing these settings.<\/p>\n\n\n\n<p>Also, the <strong>Columns<\/strong>, <strong>Settings<\/strong>, <strong>Filters<\/strong>, and <strong>Design <\/strong>settings include the <strong>USE PRESET<\/strong> drop-down list, which allows selecting a previously created <strong>Preset<\/strong>.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The Preset is a combination of settings managing the <strong> Product Table<\/strong> block appearance.<\/p><\/div><\/div>\n\n\n\n<p>The How to Create a Preset for Product Table tutorial explains how to create, customize, and manage <strong>Presets<\/strong> using the <em>JetProductTables <\/em>plugin for WordPress.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab-1024x640.webp\" alt=\"the setup table query tab\" class=\"wp-image-45831\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-setup-table-query-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"query-tab-of-the-setup-table-popup\"><strong>Query tab of the Setup Table pop-up<\/strong><\/h3>\n\n\n\n<p>The <strong>Query<\/strong> tab allows selecting the type of <em>WooCommerce <\/em>objects that will be displayed in the table. In particular, the <strong>QUERY TYPE<\/strong> drop-down list includes the following options:<\/p>\n\n\n\n<ul>\n<li><strong>Products<\/strong> \u4e00 an option that, if selected, allows displaying a certain set of <em>Products<\/em>;<\/li>\n\n\n\n<li><strong>Product<\/strong><strong> Variations<\/strong> \u4e00 an option that, if selected, allows displaying a set of <em>Product Variations<\/em>.<\/li>\n<\/ul>\n\n\n\n<p>Other settings of the <strong>Query<\/strong> tab of the <strong>Setup Table<\/strong> pop-up appear depending on the options picked in the <strong>QUERY TYPE<\/strong> drop-down list.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"displaying-the-woocommerce-products\"><strong>Displaying the WooCommerce Products<\/strong><\/h4>\n\n\n\n<p>The \u201cProducts\u201d option in the <strong>QUERY TYPE <\/strong>drop-down list is set by default. Also, the following settings are available: <strong>General<\/strong>, <strong>Product<\/strong>, and <strong>Date<\/strong>.<\/p>\n\n\n\n<p>In turn, the <strong>General <\/strong>settings include the following fields, toggles, and drop-down lists:<\/p>\n\n\n\n<ul>\n<li><strong>STATUS<\/strong> \u4e00 a drop-down list that allows displaying only products with specified status, i.e., \u201cPublished,\u201d \u201cDraft,\u201d \u201cPending,\u201d or \u201cPrivate\u201d;<\/li>\n\n\n\n<li><strong>TYPE<\/strong> \u4e00 a drop-down list that allows selecting a product type, i.e., the \u201cSimple product,\u201d \u201cGrouped product,\u201d \u201cExternal\/Affiliate product,\u201d or \u201cVariable product\u201d;<\/li>\n\n\n\n<li><strong>INCLUDE <\/strong>\u4e00 a text field that allows include specific products from the list;<\/li>\n\n\n\n<li><strong>EXCLUDE<\/strong> \u4e00 a text field that allows exclude specific products from the list;<\/li>\n\n\n\n<li><strong>LIMIT<\/strong> \u4e00 a text field for typing the maximum number of products to be shown or the number of products per one table page if navigation is enabled;<\/li>\n\n\n\n<li><strong>OFFSET<\/strong> \u4e00 a text field for typing the number of products that should be offset in the product results;<\/li>\n\n\n\n<li><strong>PAGE<\/strong> \u4e00 a text field for the number of the page to retrieve;<\/li>\n\n\n\n<li><strong>ORDER<\/strong> \u4e00 a drop-down list that allows setting the \u201cASC\u201d or \u201cDESC\u201d order of the sorted results;&nbsp;<\/li>\n\n\n\n<li><strong>ORDER BY<\/strong> \u4e00 a drop-down list that allows sorting the items by a specific field and includes the following options: \u201cDate,\u201d \u201cID,\u201d \u201cName,\u201d \u201cType,\u201d \u201cRandom,\u201d and \u201cModified.\u201d<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1-1024x640.webp\" alt=\"\" class=\"wp-image-45842\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/general-settings-of-the-setup-table-query-tab-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Product<\/strong> tab includes the following text fields, toggles, and drop-down lists:<\/p>\n\n\n\n<ul>\n<li><strong>SKU <\/strong>\u4e00 a text field for typing the SKU of the product that should be returned;<\/li>\n\n\n\n<li><strong>NAME<\/strong> \u4e00 a text field for typing the name of the product that should be displayed;&nbsp;<\/li>\n\n\n\n<li><strong>TAG<\/strong> \u4e00 a text field for typing tag slugs of products that should be shown;<\/li>\n\n\n\n<li><strong>TAG ID<\/strong> \u4e00 a text field for typing tag IDs of products that should be demonstrated;&nbsp;<\/li>\n\n\n\n<li><strong>CATEGORY <\/strong>\u4e00 a text field for typing a list of slugs of the<em> <\/em>products that should be displayed;<\/li>\n\n\n\n<li><strong>CATEGORY ID <\/strong>\u4e00 a text field for typing a list of category IDs of the<em> <\/em>products that should be shown;<\/li>\n\n\n\n<li><strong>WEIGHT <\/strong>\u4e00 a text field for typing the needed weight of the products that should be returned;<\/li>\n\n\n\n<li><strong>LENGTH<\/strong><strong> <\/strong>\u4e00 a text field for typing the required length of the products that should be shown;<\/li>\n\n\n\n<li><strong>HEIGHT <\/strong>\u4e00 a text field for typing the needed height of the products that should be displayed;<\/li>\n\n\n\n<li><strong>PRICE<\/strong> \u4e00 a text field for typing the price of the products that should be returned;<\/li>\n\n\n\n<li><strong>REGULAR PRICE<\/strong> \u4e00 a text field for typing the regular price of the products that should be demonstrated;<\/li>\n\n\n\n<li><strong>TOTAL SALES <\/strong>&nbsp;\u4e00 a text field for typing the total sale value;<\/li>\n\n\n\n<li><strong>SALE PRICE<\/strong><strong> <\/strong>\u4e00 a text field for typing the sale price value;<\/li>\n\n\n\n<li><strong>VIRTUAL <\/strong>\u4e00 a drop-down list that allows displaying all products, virtual products, or not-virtual products (the \u201cAll Products,\u201d \u201cYes,\u201d and \u201cNo\u201d options);<\/li>\n\n\n\n<li><strong>DOWNLOADABLE <\/strong>\u4e00 a drop-down list that allows showing all products, downloadable products, or non-downloadable products (the \u201cAll Products,\u201d \u201cYes,\u201d and \u201cNo\u201d options);&nbsp;<\/li>\n\n\n\n<li><strong>SOLD INDIVIDUALLY <\/strong>\u4e00 a drop-down list that returns the products that can be sold individually or not, as well as returns all products (the \u201cAll Products,\u201d \u201cYes,\u201d and \u201cNo\u201d options);<\/li>\n\n\n\n<li><strong>FEATURED <\/strong>\u4e00 a drop-down list that allows demonstration of all products, featured products, or non-featured products (the \u201cAll Products,\u201d \u201cYes,\u201d and \u201cNo\u201d options);<\/li>\n\n\n\n<li><strong>MANAGE STOCK <\/strong>\u4e00 a drop-down list that allows displaying all products, stock-managed products, or non-stock-managed products (the \u201cAll Products,\u201d \u201cYes,\u201d and \u201cNo\u201d options);<\/li>\n\n\n\n<li><strong>REVIEWS ALLOWED <\/strong>\u4e00 a drop-down list that shows all products or products that can or can not be reviewed (the \u201cAll Products,\u201d \u201cYes,\u201d and \u201cNo\u201d options);<\/li>\n\n\n\n<li><strong>BACKHOLDERS<\/strong> \u4e00 a drop-down list for selecting a needed backorder status of the products, i.e., \u201cYes,\u201d \u201cNo,\u201d or \u201cNotify\u201d;<\/li>\n\n\n\n<li><strong>VISIBILITY <\/strong>\u4e00 a drop-down list for selecting the products with needed visibility, i.e., \u201cVisible,\u201d \u201cCatalog,\u201d \u201cSearch,\u201d or \u201cHidden\u201d;<\/li>\n\n\n\n<li><strong>STOCK QUANTITY<\/strong> \u4e00 a text field for typing the needed stock quantity of the products that should be returned;<\/li>\n\n\n\n<li><strong>STOCK STATUS<\/strong> \u4e00 a drop-down list for selecting a needed stock status of the products, i.e., \u201cIn Stock\u201d or \u201cOut of Stock\u201d;<\/li>\n\n\n\n<li><strong>SHIPPING CLASS<\/strong> \u4e00 a text field for typing the needed shipping class of the products<em> <\/em>that should be returned;<\/li>\n\n\n\n<li><strong>TAX STATUS<\/strong> \u4e00 a drop-down list for selecting a needed tax status of the products, i.e., \u201cTaxable,\u201d \u201cShipping,\u201d or \u201cNone\u201d;<\/li>\n\n\n\n<li><strong>AVERAGE RATING <\/strong>\u4e00 a text field intended for typing the average rating of the products to be displayed;<\/li>\n\n\n\n<li><strong>TAX CLASS <\/strong>\u4e00 a text field for typing the tax class slug of products that should be shown;<\/li>\n\n\n\n<li><strong>DOWNLOAD EXPIRY <\/strong>\u4e00 a text field for typing the download expiry date;<\/li>\n\n\n\n<li><strong>DOWNLOAD LIMIT <\/strong>\u4e00 a text field for typing the number of downloads;<\/li>\n\n\n\n<li><strong>REVIEW COUNT <\/strong>\u4e00 a text field for typing the number of reviews.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1-1024x640.webp\" alt=\"\" class=\"wp-image-45843\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/product-settings-of-the-setup-table-query-tab-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Date<\/strong> tab allows the products to be displayed according to the specific date(s). In particular, it contains the <strong>DATE CREATED<\/strong>, <strong>DATE ON SALE FROM<\/strong>, <strong>DATE MODIFIED<\/strong>, and <strong>DATE ON SALE TO <\/strong>text fields for typing the needed date in the \u201cYYYY-MM-DD\u201d format.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab-1024x640.webp\" alt=\"date settings of the setup table query tab\" class=\"wp-image-45834\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/date-settings-of-the-setup-table-query-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once completed, press the \u201c<strong>Done<\/strong>\u201d button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"displaying-the-variations\"><strong>Displaying the Variations<\/strong><\/h4>\n\n\n\n<p>After selecting the \u201cVariations\u201d option in the <strong>QUERY TYPE<\/strong> drop-down list, the Setup Table pop-up will show only the <strong>General<\/strong> settings tab, which includes the <strong>GET VARIATIONS FROM<\/strong> drop-down list. This list consists of the \u201cCurrent product,\u201d \u201cSpecific product ID(s),\u201d or \u201cSpecific product SKU(s)\u201d options. If selected, the \u201cSpecific product ID(s)\u201d and \u201cSpecific product SKU(s)\u201d activate the <strong>Enter product ID(s) for variations<\/strong> and <strong>Enter product SKU(s) for variations<\/strong> text fields for typing the needed values of the products that should be displayed.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block-1024x640.webp\" alt=\"displaying variations via the product table block\" class=\"wp-image-45835\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/displaying-variations-via-the-product-table-block.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once completed, press the \u201c<strong>Done<\/strong>\u201d button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"column-tab-of-the-setup-table-popup\"><strong>Column tab of the Setup Table pop-up<\/strong><\/h3>\n\n\n\n<p>This tab enlists all the <strong>Columns<\/strong> entitled according to the <em>WooCommerce<\/em> data they display, i.e., <strong>Product ID<\/strong>, <strong>Product Name<\/strong>, <strong>Product Image<\/strong>, <strong>SKU<\/strong>, etc. Each <strong>Column<\/strong> has its settings.<\/p>\n\n\n\n<p>This tab allows customizing the <strong>Product Table<\/strong> appearance using a <strong>Preset<\/strong>, adding\/deleting the needed <strong>Column<\/strong>, and managing the <strong>Column<\/strong>\u2019s settings.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab-1024x640.webp\" alt=\"\" class=\"wp-image-45836\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/columns-tab-of-the-setup-table-query-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The JetProductTables Dashboard Settings Overview details the settings of the default and additional <strong>Columns<\/strong>, explains how to add\/delete the needed <strong>Column<\/strong>, and set the needed order.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"settings-tab-of-the-setup-table-popup\"><strong>Settings tab of the Setup Table pop-up<\/strong><\/h3>\n\n\n\n<p>These settings customize the <strong>Product Table<\/strong> appearance on the front end, including the display on different devices. It includes the <strong>General<\/strong> and <strong>Navigation<\/strong> sub-tabs.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up-1024x640.webp\" alt=\"settings tab of the setup table pop-up\" class=\"wp-image-45837\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/settings-tab-of-the-setup-table-pop-up.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In particular, the <strong>General<\/strong> sub-tab sets the <strong>DIRECTION<\/strong> of the <strong>Product<\/strong> <strong>Table<\/strong>, displays the header\/footer\/sticky header, proposes different types of the <strong>MOBILE LAYOUT<\/strong>, and allows the <strong>Lazy Load<\/strong>. The <strong>Navigation<\/strong> sub-tab allows pagination and sets the related settings.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetproducttables-dashboard-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetProductTables Dashboard Settings Overview<\/a> explains how to customize the features of the table display on the front end.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"filters-tab-of-the-setup-table-popup\"><strong>Filters tab of the Setup Table pop-up<\/strong><\/h3>\n\n\n\n<p>The <strong>Filters<\/strong> tab contains settings that allow the different types of filters to be applied. To add filters to the <strong>Product Table<\/strong>, the <strong>Enable Filters<\/strong> toggle should be activated.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up-1024x640.webp\" alt=\"\" class=\"wp-image-45838\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/filters-settings-of-the-setup-table-pop-up.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After enabling this toggle, the <strong>Taxonomy Filter<\/strong> (filters by a certain term of the selected taxonomy) and <strong>Search Filter<\/strong> (filters by a search phrase) will be added. Also, the <strong>Attributes Filter <\/strong>(filtered by a certain attribute) can be added by selecting it from the drop-down list with the \u201cSelect a filter\u2026\u201d text in the search bar and pressing the \u201c<strong>Add Filter<\/strong>\u201d button below this drop-down list.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1-1024x640.webp\" alt=\"adding a filter to the product table block\" class=\"wp-image-45839\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-a-filter-to-the-product-table-block-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The <strong>Taxonomy Filters<\/strong>, <strong>Search Filters<\/strong>, and <strong>Attributes Filters<\/strong> can be added as many times as needed.<\/p><\/div><\/div>\n\n\n\n<p>The filter settings can be unrolled by pressing the \u201c<strong>drop-down list<\/strong>\u201d button, and filters can be deleted by pressing the \u201c<strong>recycle bin<\/strong>\u201d icon near the corresponding filter.<\/p>\n\n\n\n<p>For an in-depth understanding of how the filtering works, the JetProductTables Dashboard Settings Overview tutorial can be followed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"design-tab-of-the-setup-table-popup\"><strong>Design tab of the Setup Table pop-up<\/strong><\/h3>\n\n\n\n<p>This tab contains a redirection link to the global settings tab.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up-1024x640.webp\" alt=\"design settings of the setup table pop-up\" class=\"wp-image-45840\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/design-settings-of-the-setup-table-pop-up.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once pressed, one will be redirected to the <strong><em>WordPress Dashboard &gt; WooCommerce &gt; Settings &gt; Product Table &gt; Design<\/em><\/strong> tab, where fonts, colors, and other design elements can be managed.<\/p>\n\n\n\n<p>After clicking the \u201c<strong>Save<\/strong>\u201d button, the global design settings will be saved and applied to the <strong>Product Table <\/strong>blocks placed on the pages or templates.<\/p>\n\n\n\n<p>Finally, after adjusting all settings of the <strong>Product Table<\/strong> block, the \u201c<strong>Done<\/strong>\u201d button should be pressed.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-product-table-block-on-the-front-end\"><strong>The Product Table Block on the Front End<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>To observe how the block works, one should press the \u201c<strong>Publish\/Save<\/strong>\u201d button and navigate to the front end.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end-1024x640.webp\" alt=\"\" class=\"wp-image-45841\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/the-product-table-block-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproducttables\/how-to-showcase-product-table-on-front-end\/\">How to Showcas<\/a><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-showcase-product-table-on-front-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">e Product Table on the Front End<\/a><strong> <\/strong>tutorial provides more information about displaying <strong>Product Tables<\/strong> using the <strong>Product Table<\/strong> block, shortcode generator, or<em> WooCommerce <\/em>integration.<br>That\u2019s it. Now you know how to display the<em> WooCommerce <\/em>objects via the <strong>Product Table<\/strong> block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for different devices).<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to display the WooCommerce objects via the Product Table block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for the different devices).<\/p>\n","protected":false},"author":12,"template":"","format":"standard","builder-category":[],"feature-category":[572],"article-category":[570],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Product Table Block Overview \u4e00 JetProductTables\u3163Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to display the WooCommerce objects via the Product Table block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for the different devices).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Product Table Block Overview \u4e00 JetProductTables\u3163Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to display the WooCommerce objects via the Product Table block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for the different devices).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T13:35:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/\",\"name\":\"Product Table Block Overview \u4e00 JetProductTables\u3163Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-10-21T13:26:19+00:00\",\"dateModified\":\"2024-10-28T13:35:24+00:00\",\"description\":\"Learn how to display the WooCommerce objects via the Product Table block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for the different devices).\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Product Table Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Product Table Block Overview \u4e00 JetProductTables\u3163Crocoblock","description":"Learn how to display the WooCommerce objects via the Product Table block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for the different devices).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/","og_locale":"en_US","og_type":"article","og_title":"Product Table Block Overview \u4e00 JetProductTables\u3163Crocoblock","og_description":"Learn how to display the WooCommerce objects via the Product Table block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for the different devices).","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/","og_site_name":"Help Center","article_modified_time":"2024-10-28T13:35:24+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/10\/adding-the-product-table-block-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/","name":"Product Table Block Overview \u4e00 JetProductTables\u3163Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-10-21T13:26:19+00:00","dateModified":"2024-10-28T13:35:24+00:00","description":"Learn how to display the WooCommerce objects via the Product Table block and customize the table\u2019s appearance (i.e., use presets, show\/hide the needed columns, apply different types of filters, add navigation elements and a header\/footer, and manage the layouts for the different devices).","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/product-table-block-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Product Table Block"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/45882"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=45882"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=45882"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=45882"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=45882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}