Woocommerce Theme Development

Published on : April 27, 2026

Author:

Category: Wordpress


Woocommerce  is a popular plugins in wordpress. For e-commerce site developers use woocommerce plugins.

You can create a custom woocommerce theme using some steps. First download  the plugins . then you extract this. In side the plugins folder there is a structure like this-

Create a folder name “Woocommerce” inside the theme folder.

If you want to change anything in woocommerce you have to over write the plugins file. You have to clear understanding about the file inside the plugins  templates folder.

Suppose, you want to change the design of the Product page title Design. Go to the Plugins folder and then the “single-product” copy the file name title.php. Then go to the Theme folder and then Woocommerce folder. Create a folder name “single-product”. inside the folder paste the title.php file then open the file. Their is a code like this-

[sourcecode]</pre>
<?php

if ( ! defined( ‘ABSPATH’ ) ) exit; // Exit if accessed directly

?>
<h1 itemprop="name" class="product_title entry-title"><?php the_title(); ?></h1>
<pre>[/sourcecode]

We change the font size of title bar. We use h3 tag instead of h1 tag.

[sourcecode]</pre>
<?php

if ( ! defined( ‘ABSPATH’ ) ) exit; // Exit if accessed directly

?>
<h3 itemprop="name"><?php the_title(); ?></h3>
<pre>[/sourcecode]

Then the Product details page header text design is changed show the header text in h3 tag.