{"id":490,"date":"2021-01-25T11:58:21","date_gmt":"2021-01-25T11:58:21","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=490"},"modified":"2023-01-03T13:07:41","modified_gmt":"2023-01-03T13:07:41","slug":"which-fields-can-be-displayed-in-the-woocommerce-product-table-columns","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/which-fields-can-be-displayed-in-the-woocommerce-product-table-columns\/","title":{"rendered":"Which fields can be displayed in the WooCommerce product table columns?"},"content":{"rendered":"\n<p>Product table columns are one of the most interesting and flexible features of our WooCommerce plugin for adding customized fields to the product tables. There is no limitation for <strong>what<\/strong> and <strong>how<\/strong> to display information in the columns of your product table as the manager of an ecommerce website.<\/p>\n\n\n\n<p>As a default, there are more than 20 fields to choose from and build your customized table including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>ID:&nbsp;<\/strong>A field to show the product Id created when you add a product to WooCommerce.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title and name:<\/strong>&nbsp;This optional field enables you to type the title of the product name column.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Stock:&nbsp;<\/strong>This is a useful field to show if the product is available or not.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Price:<\/strong>&nbsp;This is the most important field for any online store. The regular and sale price of your product will be displayed here.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Qty:<\/strong>&nbsp;This is a great field for your customer, especially when they want to buy multiple qty from a product. They can select the quantity of product for adding to cart.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Categories:&nbsp;<\/strong>In this field, the related category of each product is observed.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tags:<\/strong>&nbsp;The list of tags for each product is displayed in this field.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Thumbnails:&nbsp;<\/strong>In this field, the feature image of your product is shown to the customer in the table.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Actions:&nbsp;<\/strong>This is the most important field in your table. The icon for Add to card and also the items related to the variable products can be displayed here.<\/li>\n<\/ul>\n\n\n\n<p>And many other fields.<\/p>\n\n\n\n<p>However, if you want to create your own fields in the <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table\/\">WooCommerce product table<\/a> plugin, we offer you to click on the columns section. Then everything is ready for you.\u00a0<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Just follow our guide and enjoy the way that you can customize your fields in Woocommerce product table columns!<\/p>\n<\/blockquote>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-add-a-new-field-in-woocommerce-product-table-columns\"><strong>How to add a new field in WooCommerce product table columns?<\/strong><\/h3>\n\n\n\n<p>As you can see in the below picture, we make it easy for you to create a new field in the <strong>Columns<\/strong> as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Custom taxonomy&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>or<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Custom field.<\/li>\n<\/ul>\n\n\n\n<p>So, this is up to you to decide which fields are needed for your products to be displayed in the table.<\/p>\n\n\n\n<p>If you choose <strong>Custom Taxonomy<\/strong>, The product taxonomies will be displayed under <strong>Select Taxonomy<\/strong> section.<\/p>\n\n\n\n<p>So, you can select which fields related to the Product Taxonomy display on the product table.<\/p>\n\n\n\n<p>If you want to know more about <a href=\"https:\/\/ithemelandco.com\/blog\/what-is-custom-taxonomy-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom taxonomy in wordpress<\/a> please read our article on the blog.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/add-custom-taxonomy-to-column.gif\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/add-custom-taxonomy-to-column.gif\" alt=\"add custom taxonomy as a column\" class=\"wp-image-516\" width=\"640\" height=\"316\"\/><\/a><\/figure>\n\n\n\n<p>In the next part, you are able to choose the name of your new field as you prefer. By clicking on &#8220;<strong>Add Column&#8221;<\/strong>, This new field is visible in the product table as taxonomy.<\/p>\n\n\n\n<p>It is also possible to add <strong>Custom Field<\/strong> in the product table column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/add-custom-field-to-product-columns.gif\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/add-custom-field-to-product-columns.gif\" alt=\"add custom field as a column\" class=\"wp-image-524\" width=\"640\" height=\"316\"\/><\/a><\/figure>\n\n\n\n<p>To add a <strong>custom field<\/strong> you have to type a keyword and then the name or title of this new field in the <strong>column<\/strong> section.<\/p>\n\n\n\n<p>In another article we describe <a href=\"https:\/\/ithemelandco.com\/blog\/how-to-add-custom-field-products-in-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">what&#8217;s a custom field in wordpress<\/a>. Read it for more information.<\/p>\n\n\n\n<p>By clicking on <strong>Add Column<\/strong>, You can see the new field in the opposite list and you are also able to change the order or the device that this new field is going to be displayed on.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Note:<\/strong> This plugin is compatible with some woocommerce popular plugins such as Compare, Whitelist, quick view and .. In this case the related fields will be added to the column section automatically.<\/p>\n<\/blockquote>\n\n\n\n<p>By using Woocommerce product table columns, you can choose as many fields as you want in any order for your table.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-can-various-ecommerce-websites-benefit-from-customized-fields-in-the-columns\"><strong>How can various ecommerce websites benefit from customized fields in the columns?<\/strong><\/h3>\n\n\n\n<p>There is no better way than showing you some useful examples about how different online stores could take advantages from customizing optional fields in the Woocommerce product table columns:<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-choose-variable-product-fields-in-the-action-column\"><ol start=\"1\"><li><strong>Choose variable product fields in the Action column<\/strong><\/li><\/ol><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/03-add-variable-products-popup.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/03-add-variable-products-popup.jpg\" alt=\"You can choose variable products in WooCommerce product table plugin\" class=\"wp-image-525\" width=\"844\" height=\"543\" srcset=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/03-add-variable-products-popup.jpg 844w, https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/03-add-variable-products-popup-280x180.jpg 280w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-add-rating-field-to-the-table-of-an-online-restaurant-menu\"><ol start=\"2\"><li><strong>Add rating field to the table of an online restaurant menu<\/strong><\/li><\/ol><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/04-rating-column.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/04-rating-column.jpg\" alt=\"Show rating column in product table \" class=\"wp-image-526\" width=\"1024\" height=\"564\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-add-custom-fields-such-as-cpu-sim-for-the-product-table-of-mobile-online-store\"><ol start=\"3\"><li><strong>Add custom fields such as CPU, SIM , \u2026 for the product table of mobile online store<\/strong><\/li><\/ol><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/05-custom-column.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/05-custom-column.jpg\" alt=\"show custom fields in product table plugin\" class=\"wp-image-527\" width=\"1024\" height=\"527\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-add-preview-field-to-the-table-of-a-music-store\"><ol start=\"4\"><li><strong>Add preview field to the table of a music store<\/strong><\/li><\/ol><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/06-live-preview-column.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/06-live-preview-column.jpg\" alt=\"live preview column to show shortcode in product table\" class=\"wp-image-528\" width=\"1110\" height=\"555\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-choose-which-fields-to-be-displayed-in-your-columns\"><strong>How to choose which fields to be displayed in your columns?<\/strong><\/h3>\n\n\n\n<p>Customizing the appearance of the product table is one of the best strategies for attracting customers to buy products from your ecommerce website.&nbsp;<\/p>\n\n\n\n<p>There are various fields which are powerful for introducing the products. It is so important to choose the right fields that meet the requirements of customers and fulfill their expectations when visiting your online store.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>To attract more customers, choose the right field for the right device inWoocommerce product table columns.<\/p>\n<\/blockquote>\n\n\n\n<p>In the columns section of Woocommerce product table plugin, three options have been designed for you to choose which fields display for customers:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/07-show-hide-columns.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/01\/07-show-hide-columns.jpg\" alt=\"show and hide product table columns in desktop, tablet and mobile\" class=\"wp-image-529\" width=\"814\" height=\"494\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Desktop(&gt; 768px),<\/li>\n\n\n\n<li>Tablet(&lt;768px)&nbsp;<\/li>\n\n\n\n<li>and mobile phone(&lt;576px)&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>You can easily click on any of these options and turn them off or on.&nbsp;<\/p>\n\n\n\n<p>If you turn off all of them, the color of the selected field is turned to grey and this field is no longer displayed for the customers in the product tables.<\/p>\n\n\n\n<p>Also you can change the order of displayed fields in the product table. For this, you just drag the desired column and drop it to the right place by clicking on the move icon beside each item.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product table columns are one of the most interesting and flexible features of our WooCommerce plugin for adding customized fields to the product tables. There is no limitation for what and how to display information in the columns of your product table as the manager of an ecommerce website. As a default, there are more [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-490","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/490\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/media?parent=490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/categories?post=490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/tags?post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}