Divi Theme Compatibility with WooCommerce Table Rate Shipping Pro

This article is about the compatibility between Divi Theme by Elegant Themes and one of the best shipping plugins – WooCommerce Table Rate Pro plugin. In this article, we will be checking how well the Divi Theme shows the WooCommerce Table Rate Shipping Pro’s personalized shipping rates on the cart as well as the check out page.

Online store owners are huge fans of customization. Often they can be seen requesting custom features for their websites. One of the biggest examples of this is the availability of tons of WordPress themes. These themes provide store owners with the ability to customize how their website looks. One such theme is the Divi Theme. It offers a lot of customizations for the store owners.

WooCommerce Table Rate Shipping Pro

WooCommerce Table Rate Shipping Pro plugin is one of the best WooCommerce shipping plugins. Using this plugin, store owners can personalize shipping rates based on the following factors.

  • Product weight
  • Product Quantity
  • Cart Value
  • Destination Address (Shipping  Zone, Country, City, State, ZIP Code)
  • Product Category

Besides this, the plugin also has some advanced features like,

  • Ability to choose Minimum/Maximum shipping cost
  • Calculate shipping rates for a combination of multiple shipping classes or categories
  • Calculation Modes (per order, item, shipping class and per line-item)

All the above-mentioned features give WooCommerce Table Rate Shipping Pro plugin the ability to configure almost any shipping scenario.

Divi Theme

Divi Theme by Elegant Themes is one of the best WordPress themes and a visual page builder. One of the best features of the theme is the Visual Builder. The visual builder enables the store owners to customize the website while being able to see the changes in real-time. It clearly justifies the idea of “Build Things Visually” by the theme builders. Some other cool features of the theme include,

  • Visual Page Builder
  • Responsive Editing
  • Ability to import and export layouts
  • Instantly fast theme
  • 20+ premade layouts

Now let’s see how well the theme combines with WooCommerce Table Rate Shipping Pro.

Custom Cart Widget

Apart from the coolest feature of the theme, the Visual Builder, there are a ton of cool things you can do on your website using this theme. One such feature is to select amongst the pre-installed widgets. The best widget that we feel could help customers a lot, is the Cart Widget. This widget displays all the contents of the cart at the top-right corner of the website.

One of the best application of this widget is that since the widget will be visible while customers are still looking at other products, they will always be sure that exactly what is there in the cart.

This widget can help customers save a lot of time spent to check the cart again and again. Also, the theme provides an option to disable the cart widget until there is a product in the cart. In other words, the cart will be visible once you start adding products into the cart. The image below shows the cart widget visible on the products page.

Cart Page

WooCommerce Table Rate Shipping Pro allows store owners to calculate shipping rates. these shipping rates are displayed on the cart page based on the conditions of product weight, quantity, and price.

In such a case, it is mandatory that the shipping rates are visible clearly on the cart page. One of the main issues with most of the themes happens when displaying shipping rates on the cart page when the shipping methods and the rates are shown without proper alignment.

The image below shows the cart page where WooCommerce Table Rate Shipping Pro shows the shipping rates based on the shipping rules. The image clearly shows the shipping rates being perfectly aligned and visible to the customer.

Checkout Page

Similar to the Cart Page, the shipping rates are also shown on the checkout page. This way when the customers enter the complete shipping address, including the city as well as ZIP code, in case of any changes in the shipping rates, the customer can choose the shipping method on the checkout page also.

However, while working with many other themes, the shipping rates on the checkout page also seem to be out of alignment. The image below shows the checkout page with the shipping rates being displayed perfectly aligned.

For a better understanding, below is an attached video showing how well the theme works with the WooCommerce Table Rate Shipping Pro.


This article covers the integration of WooCommerce Table Rate Shipping Pro plugin with Divi Theme. This combines the theme’s customization with the shipping rates personalization.

If you have any issues or suggestions regarding the article, feel free to share your views in the comment section below. We would love to hear you out and make improvements in the article. And if you have any doubts or need help, feel free to contact our customer support.

Last Updated On May 14, 2019