How do I override WooCommerce template files?

patrick

I want to customize the shop page by adding widget area to the page. I created a page-shop.php however no changes were seen. How to do so?

morgan

First of all, make sure that your theme is compatible with Woocommerce. If it is compatible then you have the sidebar area under Appearance > Widgets.

Jacob

If you really want to override the Woocommerce template then you have to follow the same structure that Woocommerce support. Let say, you need to customize the shop page. Then copy the following file from the woocommerce plugin directory.

wp-content/plugins/woocommerce/templates/archive-product.php

Then paste it to your theme directory with the same name as

wp-content/themes/your_theme_name/woocommerce/archive-product.php

Make sure to keep the same name as woocommerce plugin has otherwise it will work for you.

James

Make sure to make your theme woocommerce compatible by using the add_theme_support() function. Take a look to the example.

function wp234_theme_add_woocommerce_support() {
    add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'wp234_theme_add_woocommerce_support' );