Question posted in
The full documentation can be found here.

Divi theme – Woo Commerce , how to edit checkout page

I am trying to edit the Product and checkout Page on Woocommerce. WE have a Divi theme installed, but it doesn’t allow me to customize the product page. Does anyone know where I can find the files that generate the product page so I can edit them? For example, I want to remove the product image, and make it a 2 column layout instead of 1. I know PHP/HTML/JS/CSS so I can edit it once I find out where to edit.

Tags:

3

Answers


  1. 0

    In order to override the woocommerce templates you look for:

    • If there is not exist a woocomerce folder in your theme root folder then, add one and name it woocommerce like YourTheme->woocommerce
    • Then in your woocommerce folder add a folder and name it checkout
    • Go into your wp-content->plugins->woocommerce->templates->checkout and copy the
      files that you want to override in you theme->woocommerce->checkout
      folder
    • In wp-content->plugins->woocommerce->templates you will also find the
      content-product.php & content-single-product.php. Copy both and add them to your theme->woocommerce folder.

    You can then start editing the files you want to change

    Login or Signup to reply.
  2. 0

    Divi has the Theme Builder which can definitely let you custom design a Product page: https://www.elegantthemes.com/blog/theme-releases/divi-4

    Here are some examples: 

    https://www.elegantthemes.com/examples/product/divi-theme-builder-6/
https://www.elegantthemes.com/examples/product/divi-theme-builder-5/
https://www.elegantthemes.com/examples/product/divi-theme-builder-4/
https://www.elegantthemes.com/examples/product/divi-theme-builder-3/
https://www.elegantthemes.com/examples/product/divi-theme-builder-2/
https://www.elegantthemes.com/examples/product/divi-theme-builder-1/
    Login or Signup to reply.
  3. 0

    First, you need to create the Child Theme.

    Then, go to the WooCommerce folder of the Child Theme, here is the template hierarchy for the checkout page: https://woocommerce.com/document/template-structure/

    http://www.YourWebsiteURL.com/woocommerce.5.9.0/woocommerce/templates/checkout/ Here you can access the checkout templates.

    Let me know if that helps!

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search