Show product table on woocommerce shop page

Time required: 2 – 5 mins
Difficulty: Beginner

No coding required. Only file copy paste. Absolutely anyone can follow along this simple guide. In case you have any difficulty, contact support with your theme.

Facility features

  • You can replace the product grid on archive pages with product tables. WooCommerce product archive pages are – shop, search, category, attribute and tag.
  • You can even assign different product tables to different category pages if you require some categories to have unique table layout.
  • Or you can simply select one default table across all archive pages. You don’t have to create new product tables. The plugin will automatically show correct products according the archive page where the table is printed.
  • You can also leave the default product grid on specific archive pages if you wish.

Configure ‘Archive Override’ settings

With WooCommerce Product Table PRO installed on your site, go to wp admin > product tables > settings > Archive Override. Here you can conveniently assign product tables to your product archive pages such as shop, search and category. To enable this facility you need to use the instructions in ‘Required copy / paste steps’ section below.

Note for page builder like Elementor, Divi or Beaver Builder

If you are using a theme builder plugin like Elementor PRO or Beaver Builder to create your archive pages like shop / category, then you need to follow this guide instead.

In case the following instructions do not work on your current theme, please contact support with your theme name to get a prompt solution.

Theme file copy / paste

Find your theme in the list below and follow the file copy / paste instructions. If your theme is not on the list simply use the general methods provided below this list.

Theme specific file:

General methods for other themes:

These general methods work on almost all other themes. So simply try them on your theme. If you have any difficulty with this contact support for assistance with your theme.

General method 1:

In your child theme folder, create a new folder called ‘woocommerce’ and paste this archive-product.php file there. If an archive-product.php file already exists in the folder, rename it to archive-product.original.php in case you need it later.

In case this method does not work, please try method 2 below which works better for some themes.

General method 2:

Paste the archive-product.php file in your child theme root folder. Do not create any woocommerce folder, unlike the previous method. If an archive-product.php file already exists in the folder, rename it to archive-product.original.php in case you need it later.


After you are done with method 1 / method 2, we need to choose a table for your shop page. Go to WP Dashboard > Product Tables > Settings > ‘Archive Override’. Then, select a table for ‘Shop override table’ and save your settings.

Now when you open your shop / archive pages such as product category / product attribute term, the products should appear in the selected WCPT table instead of the default grid.

That’s all! 😊

— Following are theme specific instructions —

StoreFront

In your child theme create a woocommerce folder and in it paste this archive-product.php file.

Flatsome theme

Do not copy over the archive-product.php file for flatsome! Leave it as it is.

Instead, in your flatsome-child theme create a new folder called ‘woocommerce’, then a subfolder inside it called ‘layouts’. Now paste the following 4 files in ‘woocommerce > layouts’:

X theme

In your X child theme create a new folder called ‘framework’, then a subfolder in it called ‘views’, then 4 subfolders in it with the name of each X theme stack: ‘ethos’, ‘icon’, ‘integrity’ and ‘renew’. Now paste the corresponding file in each of these subfolders:

Uncode theme

In your Uncode child theme create a new folder called ‘woocommerce’, then paste the following files it:

Bridge theme

In your child theme paste this woocommerce.php file.

Motors theme

In your child theme paste this woocommerce.php file.

TheGem theme

In your child them paste this woocommerce.php file.

Total theme

In your child them paste this woocommerce.php file.

AccessPress Store theme

In your child theme go to the woocommerce folder, or create one if it does not exist, then paste this archive-product.php file in it.

ShoppingCart theme

In your child theme paste this woocommerce.php file.

Roseta theme

In your child theme paste this woocommerce.php file.

Harrier theme

In your child theme paste this woocommerce-page.php file.

XStore theme

In your child theme create a woocommerce folder and in it paste this archive-product.php file.

Also, to hide the ‘View switcher’ and ‘Products per page’ options above the archive table, please use this CSS:

.products-per-page,
.view-switcher  {
  display: none !important;
}

Customize Premium

In your child theme paste this woocommerce.php file.

WoodMart

In your child theme create a woocommerce folder and paste this archive-override.php file.

Virtue

In your child theme create a woocommerce folder and paste this archive-override.php file.

Almaira

In your child theme paste this woocommerce.php file.

Unicon

In your child theme paste this woocommerce.php file.

Butcher

In your child theme create a woocommerce folder and add this file inside it.

Riode

In your child theme create a woocommerce folder and add this file inside it.

My Listing

In your child theme paste this woocommerce.php file.

Lafka

In your child theme create woocommerce folder and in it paste this archive-product.php file.

Colibri

In your child theme add these two files: woocommerce.php and WCPT_WooContent.php

Or with your Colibri theme already installed on your site, simply install this Colibri child theme with the necessary files already in it.

Astra

In your child theme add this archive-product.php file.