Miguel Garrido
  • Latest Projects
  • Blog
  • Contact me

Customise your product page under Visual Composer Starter theme

Published on: October 19th, 2017

So I am dealing with a website using Visual Composer Starter theme from WordPress which, by the way, uses Bootstrap 3.x. As the website uses Woocommerce but the theme does not support I had to work this around in order to make this look pretty.

This is what I’ve done so far:

Get a copy of the file visual-composer-starter/single.php into your theme or child theme and rename this file as single-product.php

If the header image bothers you, you can hide from the header.php. Like this


Now that your Woocommerce product will load under single-product.php. You can do some modifications here. This is how mine looks now:


' . esc_html__( 'Previous', 'visual-composer-starter' ) . '' . esc_html__( 'Previous post:', 'visual-composer-starter' ) . '%title', true, false, 'product_cat' ); ?>
' . esc_html__( 'Next', 'visual-composer-starter' ) . '' . esc_html__( 'Next post:', 'visual-composer-starter' ) . '%title', true, false, 'product_cat' ); ?>

What I basically did is to add the title on top, add the featured image on the left and the content on the right.
I've also modified this file this get_template_part( 'template-parts/content', 'single' ); into this get_template_part( 'template-parts/content', 'single-product' ); Which means I can customise the way I display the content from the single product.

Further reading:

  • get_template_part here
  • Woocommerce template
Fixing apache file permissions on Mac (El Capitan) Previous Yes, you can get beautiful forms with Contact Form 7 Next

© 2025 | Miguel Garrido

Stack OverflowGitHubLinkedin