1. WooCommerce Product Table
  2. FAQ

Using WooCommerce Product Table with Page Builder Plugins (e.g. Divi Builder or Elementor)

WooCommerce Product Table is designed to work with any page builder plugin, such as Elementor, Beaver Builder, Divi Builder, Fusion Builder, Visual Composer by WP Bakery, and Thrive Architect. It also works with the Gutenberg or Classic WordPress editors and has a Gutenberg block.

This article explains how to use WooCommerce Product Table with your chosen page builder.

Adding tables manually using a shortcode

The easiest way to create product tables using a page builder plugin is to add the product table shortcode or posts table shortcode to a Shortcode, Text or HTML block.

To make this even easier for you, we are tracking the demand for dedicated modules/blocks for specific page builders, such as as Divi and Elementor. Please send us a feature request list and let us know which page builder you would like us to provide a block for.

Shop and category pages

WooCommerce Product Table comes with options to automatically enable the table layout on the shop and category pages. If you’re using a page builder plugin, then you can only use these options if you are NOT using the page builder to design your shop/category pages. (Of course, you can still use the page builder to design other pages on your site, such as your homepage, standard pages, blog posts and the single product page.)

If you need to use the page builder to design your shop/category pages, and you want to dynamically add product tables to these pages, then you will need to write some custom code to programmatically add the product table shortcode to the appropriate template. The exact code will depend on your page builder.

To get you started, we recommend looking through the sample template file and instructions which we have provided to enable developers to programmatically add the product table shortcode to the default archive-product.php template. Look at how this works, and adapt it to suit the template in your page builder.

Please note that this method is aimed at developers and if you don’t know how to do it then we recommend asking your developer or posting a job on Codeable. We have partnered with them to provide customizations for our plugins.

Need professional assistance?
We've partnered with Codeable to provide our customers with expert help if required.

Still need help?
If searching the knowledge base hasn't answered your question, please contact support.

Related Articles