{"id":26113,"date":"2023-12-25T11:07:25","date_gmt":"2023-12-25T11:07:25","guid":{"rendered":"https:\/\/ithemelandco.com\/?p=26113"},"modified":"2026-05-25T08:28:38","modified_gmt":"2026-05-25T08:28:38","slug":"product-tables-for-woocommerce-archive-pages","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/blog\/product-tables-for-woocommerce-archive-pages\/","title":{"rendered":"Create a Custom WooCommerce Archive Page with Product Table in 4 Steps"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The default WooCommerce archive page is useful for basic stores, but it is not always the best layout when you want customers to compare products quickly. On shop pages, category archives, attribute archives, or product listing pages, a simple grid layout can make browsing slower, especially if customers need to check prices, stock, variations, attributes, or add-to-cart options before buying.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A custom WooCommerce product archive page gives you more control over how products are displayed. Instead of showing products in the default shop layout, you can use a product table to display important product details in columns and help customers filter, sort, compare, and buy products faster.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this tutorial, you\u2019ll learn how to create a custom WooCommerce archive page with<a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table-pro\/?utm_source=blog&amp;utm_content=shop-page-layout\" target=\"_blank\" rel=\"noreferrer noopener\"> TABLEiT &#8211; Product Table for WooCommerce<\/a>. We\u2019ll show you how to build a product table, customize columns, add filters and sorting, and replace WooCommerce shop, category, tag, attribute, or search archive pages with a more practical table layout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why displaying a product table in your online store is important?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Customer-friendly shop and archive pages have a significant effect on attracting customers and increasing online store sales. One of the best solutions for creating customized shop and archive pages is overriding their default view in WooCommerce with product tables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In a product table with custom columns, you can display all required information on one page to your customers. Customers can easily view and compare the attributes, price, and any other information you have imported in the meta fields for the products in the product table.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition, if you have various product types in your store, you can design different product tables for different categories, such as cosmetics, food, clothing, etc. So, it will be easier for customers to choose the right product.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another important feature that you can add to the product tables for WooCommerce archive pages to improve the customer&#8217;s shopping experience and make the shopping process easier is the ability to add multiple products to the card at the same time with one click. With this feature, customers do not have to visit each product page to add them to their carts. You can also add quantity and variation columns to the product table so that customers can directly choose each variation and increase or decrease its quantity.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Other important features that are displayed in the product tables for WooCommerce archive pages are filtering, searching, and sorting options. If you use the WooCommerce product table plugin, you can add any type of filter like category, price, or attribute filters to the navigation bars so that customers can filter the products in the table based on the parameters they need.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this step-by-step guide, we will show you how to create product tables for WooCommerce archive pages and customize them according to your requirements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to show customized product tables for WooCommerce archive pages?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Add product tables in archive pages WooCommerce has a great impact on customer buying behavior. If you want to use customized product tables for WooCommerce archive pages as a competitive advantage, follow the below steps and build your eye-catching product tables with the WooCommerce product table Plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install the WooCommerce shop page customization plugin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The first step to using the WooCommerce product table plugin is to download<strong> <\/strong>and install it on your WordPress website. After activation, you can find the <strong>IT product table <\/strong>menu in the WordPress dashboard.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-table-template-1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"741\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-table-template-1.jpg\" alt=\"select WooCommerce table template\" class=\"wp-image-36862\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-table-template-1.jpg 1600w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-table-template-1-500x232.jpg 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-table-template-1-1536x711.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/a><figcaption class=\"wp-element-caption\">Add new table<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To create new product tables for WooCommerce archive pages, press <strong>Add new table<\/strong> in this tab, then scroll down the page and press <strong>Get Start<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center main-cta-cnt has-background is-layout-flex wp-container-core-columns-is-layout-8a83d729 wp-block-columns-is-layout-flex\" style=\"background-color:#3d67ff;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-5980c20d wp-block-group-is-layout-constrained\" style=\"padding-top:15px\">\n<p class=\"single-cta-heading has-white-color has-text-color has-link-color wp-elements-b497876dbe00d7a51b8cb487822eff09 wp-block-paragraph\" style=\"font-size:26px;font-style:normal;font-weight:800\">TABLEiT &#8211; Product Table for WooCommerce<\/p>\n\n\n\n<p class=\"single-cta-desc has-white-color has-text-color has-link-color wp-elements-2d480d7f33a5784e676fc61a1118a7db wp-block-paragraph\" style=\"font-size:16px\">The easy way to add product tables for WooCommerce archive pages<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button main-cta-button\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table-pro\/?utm_source=blog&amp;utm_content=shop-page-layout\" style=\"border-style:none;border-width:0px;border-radius:40px;color:#ffffff;background-color:#0fba5e;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;font-style:normal;font-weight:500\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Plugin<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/advanced-product-table-for-woocommerce\/\" style=\"border-style:none;border-width:0px;border-radius:40px;color:#3d67ff;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;font-style:normal;font-weight:500\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Free Version<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"532\" height=\"355\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2025\/10\/tableit-banner.png\" alt=\"TABLEiT - Product Table for WooCommerce plugin by ithemeland\" class=\"wp-image-48727\" style=\"width:440px;height:auto\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2025\/10\/tableit-banner.png 532w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2025\/10\/tableit-banner-500x335.png 500w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Now, you are ready to build and customize a new product table by following the next steps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Create and customize product tables for WooCommerce archive pages<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the WooCommerce shop page customization plugin, almost every tool you need to build a WooCommerce custom shop page template is provided. You have access to these tools by opening each tab designed on the top of the page, including <strong>Query<\/strong>, <strong>Columns<\/strong>, <strong>Navigation<\/strong>, and <strong>Style<\/strong>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s review the tools and options available in each tab to customize the WooCommerce archive page, briefly.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Query:<\/strong> To display specific products in different product tables in the archive pages of WooCommerce&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">By activating the WooCommerce product table plugin, all products you have already added to your website are automatically imported to the plugin. So, if you want to add a product table in the archive WooCommerce for all of your products, you can ignore this tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, it is also possible to make a new query to display specific products, categories, or even taxonomies in the product table. For example, if you are selling <strong>Foods<\/strong> and <strong>Wines<\/strong> in your online store, it is easily possible to create a custom query for each one and create a separate table with a different layout for them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to the product category, you can make queries based on other fields, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product name.<\/li>\n\n\n\n<li>Product attribute.<\/li>\n\n\n\n<li>Product tags.<\/li>\n\n\n\n<li>Product status.<\/li>\n\n\n\n<li>Product price.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-query-tab-1024x768.png\"><img decoding=\"async\" width=\"1282\" height=\"768\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-query-tab.png\" alt=\"customize query tab in WooCommerce table\" class=\"wp-image-26117\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-query-tab.png 1282w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-query-tab-500x300.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-query-tab-1000x599.png 1000w\" sizes=\"(max-width: 1282px) 100vw, 1282px\" \/><\/a><figcaption class=\"wp-element-caption\">TABLEiT query tab<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Columns:<\/strong> To customize the columns displayed in the WooCommerce archive page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">After making your query, it is time to build a custom WooCommerce shop page by adding different columns to the product table.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this task successfully, follow the below instructions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Columns<\/strong> tab.<\/li>\n\n\n\n<li>Choose the <strong>Laptop<\/strong> option.<\/li>\n\n\n\n<li>Click on the <strong>Add new column<\/strong> button to create a new column with <strong>Header<\/strong> and <strong>Cell content<\/strong> sections.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-columns-tab-1024x794.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1274\" height=\"794\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-columns-tab.png\" alt=\"customize columns tab in WooCommerce table\" class=\"wp-image-26119\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-columns-tab.png 1274w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-columns-tab-500x312.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-columns-tab-1000x623.png 1000w\" sizes=\"(max-width: 1274px) 100vw, 1274px\" \/><\/a><figcaption class=\"wp-element-caption\">Customize table columns<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In each section, click on the <strong>Add Element<\/strong> to see a list of all elements in the left panel.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/add-element-in-cell-content.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1201\" height=\"610\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/add-element-in-cell-content.jpg\" alt=\"add element in table cell content\" class=\"wp-image-36867\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/add-element-in-cell-content.jpg 1201w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/add-element-in-cell-content-500x254.jpg 500w\" sizes=\"(max-width: 1201px) 100vw, 1201px\" \/><\/a><figcaption class=\"wp-element-caption\">Add elements to table<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose one of the elements, then customize the content and appearance by editing the items in the <strong>General<\/strong> and <strong>Style<\/strong> tab as illustrated below <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-general-and-style-tab.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1586\" height=\"815\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-general-and-style-tab.png\" alt=\"customize general and style tab of table WooCommerce\" class=\"wp-image-26122\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-general-and-style-tab.png 1586w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-general-and-style-tab-500x257.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-general-and-style-tab-1536x789.png 1536w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-general-and-style-tab-1000x514.png 1000w\" sizes=\"(max-width: 1586px) 100vw, 1586px\" \/><\/a><figcaption class=\"wp-element-caption\">Elements general and style settings<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">By repeating the above-mentioned steps, you can add as many fields and custom fields as you need to separate columns of the product table.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are more tools and options available in the <strong>Columns <\/strong>tab to customize the WooCommerce archive page.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can import and customize the columns added in the Laptop view to the tablet and then mobile views as described here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, let\u2019s suppose that to add a product table in archive pages WooCommerce, you have added the following columns to the table:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Checkbox.<\/li>\n\n\n\n<li>Product image.<\/li>\n\n\n\n<li>Product category.<\/li>\n\n\n\n<li>Attribute: Color<\/li>\n\n\n\n<li>Attribute: Size<\/li>\n\n\n\n<li>Product title.<\/li>\n\n\n\n<li>Product description.<\/li>\n\n\n\n<li>Price.<\/li>\n\n\n\n<li>Quantity.<\/li>\n\n\n\n<li>Add to cart button.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">To see what your product table looks like, click on the <strong>Eye<\/strong> icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-preview-icon.png\"><img loading=\"lazy\" decoding=\"async\" width=\"322\" height=\"60\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-preview-icon.png\" alt=\"select preview icon in table WooCommerce\" class=\"wp-image-26123\"\/><\/a><figcaption class=\"wp-element-caption\">Click on preview button<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The WooCommerce custom shop page template is almost ready.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-custom-shop-page-template.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1405\" height=\"664\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-custom-shop-page-template.png\" alt=\"result WooCommerce custom shop page template\" class=\"wp-image-26124\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-custom-shop-page-template.png 1405w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-custom-shop-page-template-500x236.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-custom-shop-page-template-1000x473.png 1000w\" sizes=\"(max-width: 1405px) 100vw, 1405px\" \/><\/a><figcaption class=\"wp-element-caption\">Created table preview<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, to make it more customer-friendly, you can add extra features to product tables for WooCommerce archive pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see how.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Navigation:<\/strong> To add filtering, sorting, and pagination to the product table to create a custom WooCommerce shop page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The advanced features provided in this WooCommerce shop page template plugin can make a great experience for your customers. You can add useful features like filters, search boxes, pagination, mini carts, and many more to make the buying process easier for them.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add these features to product tables for WooCommerce archive pages, you need to go to the <strong>Navigation<\/strong> tab and then follow the below instructions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Add Element<\/strong> option in one of the navigation bars including <strong>Header<\/strong>, <strong>Footer<\/strong>, or <strong>Sidebar.<\/strong><\/li>\n\n\n\n<li>Choose one of the <strong>Elements<\/strong> from the list.&nbsp;<\/li>\n\n\n\n<li>Customize the <strong>Element<\/strong> by changing the items in the <strong>General<\/strong> and <strong>Style<\/strong> tabs.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-navigation-tab.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1301\" height=\"664\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-navigation-tab.jpg\" alt=\"customize navigation tab in WooCommerce table\" class=\"wp-image-36869\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-navigation-tab.jpg 1301w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-navigation-tab-500x255.jpg 500w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" \/><\/a><figcaption class=\"wp-element-caption\">Table navigation tab<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In this example, we tried to add the following features to our product table:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Category Filter<\/li>\n\n\n\n<li>Price Filter<\/li>\n\n\n\n<li>Pagination<\/li>\n\n\n\n<li>Minicart<\/li>\n\n\n\n<li>Sort by<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here, you can observe how these features are displayed in the product table:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-customize-navigation-in-table-1024x664.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1405\" height=\"664\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-customize-navigation-in-table.png\" alt=\"result customize navigation in WooCommerce table\" class=\"wp-image-26127\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-customize-navigation-in-table.png 1405w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-customize-navigation-in-table-500x236.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/result-customize-navigation-in-table-1000x473.png 1000w\" sizes=\"(max-width: 1405px) 100vw, 1405px\" \/><\/a><figcaption class=\"wp-element-caption\">filters added to sidebar<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Style:<\/strong> To customize WooCommerce archive page appearance<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You have successfully built a custom WooCommerce shop page. However, to make it more attractive and customer-friendly, it is essential to tweak its design. In the <strong>Style<\/strong> tab, we provided a WooCommerce shop page template, allowing you to convert a simple product table to a professional one with just one click. However, it is also possible to set customized configurations for all parts of your table, like <strong>Headings<\/strong>, <strong>Odd\/ Even Rows<\/strong>, <strong>Cells<\/strong>, <strong>Borders<\/strong>, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-style-tab.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1273\" height=\"804\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-style-tab.jpg\" alt=\"customize style tab in WooCommerce table\" class=\"wp-image-36865\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-style-tab.jpg 1273w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/customize-style-tab-500x316.jpg 500w\" sizes=\"(max-width: 1273px) 100vw, 1273px\" \/><\/a><figcaption class=\"wp-element-caption\">TABLEiT style settings<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now, you have a perfect product table that is ready to be used as a WooCommerce shop page template override. Before going through the final step, it\u2019s worth mentioning that if you have not already saved your table, insert a name on the textbox at the top of the table and press the <strong>Save<\/strong> icon as we did for the <strong>Product list<\/strong> in this example.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-save-icon.png\"><img loading=\"lazy\" decoding=\"async\" width=\"322\" height=\"60\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-save-icon.png\" alt=\"select save icon in table WooCommerce\" class=\"wp-image-26129\"\/><\/a><figcaption class=\"wp-element-caption\">Save and preview the table<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Override WooCommerce archive pages with product tables<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s the last step you need to follow to add a product table in the archive pages of WooCommerce. The good news is that you can override all WooCommerce archive pages directly in the <strong>iT product table Settings<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-settings-section.png\"><img loading=\"lazy\" decoding=\"async\" width=\"141\" height=\"133\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-settings-section.png\" alt=\"select settings section in iT Product Table menu\" class=\"wp-image-26130\"\/><\/a><figcaption class=\"wp-element-caption\">go to TABLEiT settings page<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To override product tables for WooCommerce archive pages, you can easily go to the <strong>General<\/strong> tab in the <strong>Settings<\/strong> tab and then open the <strong>Archive Override<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/override-product-tables-for-archive-pages.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1392\" height=\"287\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/override-product-tables-for-archive-pages.png\" alt=\"override WooCommerce archive pages with product tables\" class=\"wp-image-26131\" style=\"width:974px;height:auto\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/override-product-tables-for-archive-pages.png 1392w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/override-product-tables-for-archive-pages-500x103.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/override-product-tables-for-archive-pages-1000x206.png 1000w\" sizes=\"(max-width: 1392px) 100vw, 1392px\" \/><\/a><figcaption class=\"wp-element-caption\">Click on archive override<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In this tab, you can find the following options:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/archive-override-tab.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1370\" height=\"741\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/archive-override-tab.png\" alt=\"more archive override tab options\" class=\"wp-image-26132\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/archive-override-tab.png 1370w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/archive-override-tab-500x270.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/archive-override-tab-1000x541.png 1000w\" sizes=\"(max-width: 1370px) 100vw, 1370px\" \/><\/a><figcaption class=\"wp-element-caption\">Override options<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Set default product table&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This is the same option you have in the WooCommerce Setting. When you choose one of the tables from the list, it overrides all pages like the Shop page, Archive page, etc. in your website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Set product table for WooCommerce Shop page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to change the WooCommerce shop page layout, simply open the dropdown list of the <strong>Shop Override<\/strong> table and choose the newly created table from the list. By pressing <strong>Save Settings<\/strong>, this product table will be replaced with the default shop page of WooCommerce.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Set product table for product search result<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This option is useful when you want to display a customized product table in the WooCommerce product search result page to your customers. You can choose the name of your customized product table from the list to make this happen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Set product table for a specific category\/attribute\/tag of the WooCommerce archive page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This is the most amazing part of this tutorial. We have designed these items to let you override any archive page you need with the product table.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see how you can do this task for some specific categories:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open <strong>Category Override<\/strong> to see <strong>Category<\/strong> and <strong>Override table<\/strong> fields.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-override.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1309\" height=\"400\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-override.png\" alt=\"select category override for WooCommerce shop page\" class=\"wp-image-26137\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-override.png 1309w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-override-500x153.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-override-1000x306.png 1000w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/a><figcaption class=\"wp-element-caption\">Open category override<\/figcaption><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Choose one or more categories from the list in the <strong>Category<\/strong> field.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-field-1024x416.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1296\" height=\"416\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-field.png\" alt=\"select Tshirts for category field\" class=\"wp-image-26136\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-field.png 1296w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-field-500x160.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-category-field-1000x321.png 1000w\" sizes=\"(max-width: 1296px) 100vw, 1296px\" \/><\/a><figcaption class=\"wp-element-caption\">Choose some category<\/figcaption><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Choose your product table from the list of <strong>Override table<\/strong> field.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-override-table-field-1024x615.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1353\" height=\"615\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-override-table-field.png\" alt=\"select product list to override table field \" class=\"wp-image-26135\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-override-table-field.png 1353w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-override-table-field-500x227.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/select-override-table-field-1000x455.png 1000w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/a><figcaption class=\"wp-element-caption\">Choose your product table from list<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to show a different product table for other categories, press the <strong>Add a rule<\/strong> button and repeat the above steps.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/click-add-a-rule-button.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1318\" height=\"603\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/click-add-a-rule-button.png\" alt=\"click add a rule button in category override section\" class=\"wp-image-26134\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/click-add-a-rule-button.png 1318w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/click-add-a-rule-button-500x229.png 500w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/click-add-a-rule-button-1000x458.png 1000w\" sizes=\"(max-width: 1318px) 100vw, 1318px\" \/><\/a><figcaption class=\"wp-element-caption\">Add new rule to override section<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For example, we set to override the <strong>Clothing<\/strong> and <strong>T-shirts<\/strong> categories with <strong>Product List<\/strong> and <strong>Music<\/strong> category with <strong>Audio 1<\/strong>, respectively.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, when customers visit the <strong>Clothing<\/strong> page, they will see the <strong>Product list<\/strong> table layout, and when they visit the <strong>Music<\/strong> category, the <strong>Audio 1<\/strong> table layout will be displayed to them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can do the same for the <strong>Attribute<\/strong> and <strong>Tags<\/strong> <strong>Override<\/strong> tabs and customize the WooCommerce archive page of these items exactly as you need.<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center main-cta-cnt has-background is-layout-flex wp-container-core-columns-is-layout-8a83d729 wp-block-columns-is-layout-flex\" style=\"background-color:#3d67ff;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-5980c20d wp-block-group-is-layout-constrained\" style=\"padding-top:15px\">\n<p class=\"single-cta-heading has-white-color has-text-color has-link-color wp-elements-b497876dbe00d7a51b8cb487822eff09 wp-block-paragraph\" style=\"font-size:26px;font-style:normal;font-weight:800\">TABLEiT &#8211; Product Table for WooCommerce<\/p>\n\n\n\n<p class=\"single-cta-desc has-white-color has-text-color has-link-color wp-elements-2d480d7f33a5784e676fc61a1118a7db wp-block-paragraph\" style=\"font-size:16px\">The easy way to add product tables for WooCommerce archive pages<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button main-cta-button\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table-pro\/?utm_source=blog&amp;utm_content=shop-page-layout\" style=\"border-style:none;border-width:0px;border-radius:40px;color:#ffffff;background-color:#0fba5e;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;font-style:normal;font-weight:500\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Plugin<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-white-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/advanced-product-table-for-woocommerce\/\" style=\"border-style:none;border-width:0px;border-radius:40px;color:#3d67ff;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;font-style:normal;font-weight:500\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Free Version<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"532\" height=\"355\" src=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2025\/10\/tableit-banner.png\" alt=\"TABLEiT - Product Table for WooCommerce plugin by ithemeland\" class=\"wp-image-48727\" style=\"width:440px;height:auto\" srcset=\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2025\/10\/tableit-banner.png 532w, https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2025\/10\/tableit-banner-500x335.png 500w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Customizing the WooCommerce archive page is a smart way to improve product browsing and create a more useful shop layout. Instead of relying only on the default WooCommerce product grid, you can show products in a table with the information customers need to make faster decisions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is especially useful for stores with large catalogs, wholesale products, technical items, food ordering, spare parts, clothing variations, or products with many attributes. A table layout can show product images, prices, categories, attributes, quantity fields, add-to-cart buttons, filters, sorting, and pagination in one organized view.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table-pro\/?utm_source=blog&amp;utm_content=shop-page-layout\" target=\"_blank\" rel=\"noreferrer noopener\">TABLEiT &#8211; Product Table for WooCommerce<\/a>, you can create custom product tables and use them for WooCommerce shop pages, category archives, tag archives, attribute archives, and search result pages. This gives store owners and WooCommerce developers a flexible way to replace the default archive layout with a faster, cleaner, and more conversion-friendly shopping experience.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column blog-faq-section is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">1. What is a WooCommerce archive page?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">A WooCommerce archive page is a product listing page that displays groups of products. Examples include the main shop page, product category pages, tag pages, attribute archive pages, and product search result pages.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Can I customize the WooCommerce product archive page?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. You can customize the WooCommerce product archive page by changing the layout, product display, columns, filters, sorting options, and add-to-cart experience. A product table is one practical way to replace the default archive layout.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. How do I create a custom WooCommerce archive page?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can create a custom WooCommerce archive page by building a product table, choosing which product data to display, adding filters or sorting, and assigning that table to your shop, category, tag, attribute, or search archive page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">4. Can I show a product table on WooCommerce category pages?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. With <strong>TABLEiT<\/strong>, you can assign different product tables to WooCommerce category archive pages. This is useful when different categories need different columns, filters, or layouts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">5. What is the difference between a shop page and an archive page in WooCommerce?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The shop page is the main product listing page in WooCommerce. Archive pages are broader and include the shop page, category pages, tag pages, attribute pages, and product search result pages.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">6. Why use a table layout for WooCommerce archive pages?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">A table layout helps customers compare products faster. It can show important details like product image, title, price, SKU, stock, attributes, quantity, and add-to-cart button in one structured view.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">7. Can I create different archive layouts for different product categories?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. You can use different product tables for different categories or archive pages. For example, a clothing category may need size and color columns, while an electronics category may need brand, model, and technical specification columns.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">8. Is a custom product archive page useful for large WooCommerce stores?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. Large WooCommerce stores often need better filtering, sorting, pagination, and product comparison options. A custom archive table layout can make product discovery easier and reduce the number of clicks before purchase.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The default WooCommerce archive page is useful for basic stores, but it is not always the best layout when you want customers to compare products quickly. On shop pages, category archives, attribute archives, or product listing pages, a simple grid layout can make browsing slower, especially if customers need to check prices, stock, variations, attributes, [&hellip;]<\/p>\n","protected":false},"author":1990,"featured_media":36866,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,73],"tags":[],"class_list":["post-26113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-woocommerce"],"featured_image_url":"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/12\/add-product-tables-for-archive-pages-500x335.jpg","excerpt_plain":"The default WooCommerce archive page is useful for basic stores, but it is not always the best layout when you want customers to compare products quickly. On shop pages, category archives, attribute archives, or product listing pages, a simple grid layout can make browsing slower, especially if customers need to check prices, stock, variations, attributes, [&hellip;]","_embedded":{"wp:term":[[{"term_id":50,"name":"Tutorials","slug":"tutorials","term_group":0,"term_taxonomy_id":50,"taxonomy":"category","description":"Follow and learn the latest educational articles about WordPress plugins and WooCommerce here","parent":0,"count":256,"filter":"raw"},{"term_id":73,"name":"WooCommerce","slug":"woocommerce","term_group":0,"term_taxonomy_id":73,"taxonomy":"category","description":"Do you use WooCommerce to manage your online store? We suggest you read this category of WooCommerce articles.","parent":50,"count":205,"filter":"raw"}]]},"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/posts\/26113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/users\/1990"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/comments?post=26113"}],"version-history":[{"count":2,"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/posts\/26113\/revisions"}],"predecessor-version":[{"id":51214,"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/posts\/26113\/revisions\/51214"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/media\/36866"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/media?parent=26113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/categories?post=26113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/blog\/wp-json\/wp\/v2\/tags?post=26113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}