If you’re using the WooCommerce plugin with Divi, you may want to customize the look of the cart page. By default, the cart page is a bit plain and doesn’t match the rest of your Divi-powered website.
In this article, we’ll show you how to edit the WooCommerce cart page in Divi to match the rest of your site.
To edit the WooCommerce cart page in Divi, you’ll need to access your website’s code. This can be done through a WordPress plugin like WP-FileManager or through your hosting provider’s cPanel. Once you have access to your website’s code, open the “cart.php” file in your text editor.
In the “cart.php” file, you’ll see a lot of code that looks like this:
<?php
/**Cart Page
* @author WooThemes
*@package WooCommerce/Templates
* @version 2.3.8
* /
You can leave this code as is. Just below it, you’ll see a section that looks like this:
<?php WooCommerce_get_template( 'cart/cart.php', array( 'wc_cp' => $wc_cp ) ); ?>Replace this section of code with the following:
<?php WooCommerce_get_template( 'checkout/form-billing.php', array( 'wc_cp' => $wc_cp ) ); ?>This will change the layout of the cart page to match the layout of the billing form page. You can experiment with different WooCommerce templates to find one that fits your needs.
That’s all there is to editing the WooCommerce cart page in Divi!
. Just remember to save your changes and upload them to your server before they’ll take effect.
Now that you know how to edit the WooCommerce cart page in Divi, you can customize it to match the rest of your site.
.
