Customise your product page under Visual Composer Starter theme

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'
										);
										?>