Cart Page Template

Divi BodyCommerce allows you to customise the cart page template of WooCommerce using the Divi builder and our custom modules. 

Steps to create a custom cart page template:

  1. Create a custom layout in the Divi Library
  2. Assign this layout in Divi BodyCommerce's settings

NB: Do not create a Divi section or design on the actual page itself - this needs to be left blank with just the WooCommerce shortcode. Any customisations should be done in the library and assigned to our settings. This may result in styling issues.

1. Create a custom layout in the Divi Library

Go to Divi > Divi Library and create a new layout. Choose "layout" and call this layout whatever you want and assign it to a category if you wish (for your own personal organisation).

Now here you will need to let your creative juices flow in terms of how you want the page to look. We have added some modules that will help you move or not show various elements of the default WooCommerce template. The two main modules you can use here are:

  1. DB Cart Products

  2. DB Cart Total

See all modules

2. Assign this layout to overwrite WooCommerce.

Now once you have created the layout, go to Divi Engine > BodyCommerce > Cart Page. Here you will see the following settings:

  1. Select Cart Page Template: This is where you assign this layout you just created. 

  2. Select Cart Empty Page Template: Create a layout that shows when the cart is empty and assign it here.

  3. Make the Cart Page Fullwidth?: If you want to remove the sidebar and make it full width, enable this.

Still need help? Contact Us Contact Us