Woocommerce Single Product Template

Posted onby admin

CodeCanyon - WooCommerce Single Product Page Builder v3.0.5 - 7605299 DEMO Build template for Woocommerce product detail page with Visual Composer to create product detail pages of differ. Templates for Single WooCommerce Product Pages You might need to show WooCommerce products in a unique manner. You might want to create a custom layout for your single-product pages and also display your custom fields and taxonomies. Before you begin designing your templates, create a few WooCommerce products.

  1. Woocommerce Single Product Template
  2. Woocommerce Single Product Template Not Working
  • Hi everyone,

    I’m running WooCommerce on my website. The default product page is very ugly. I’m trying to find a visual editor which will allow me to customise the single product pages to my liking. Any guidance would be greatly appreciated!

  • Hi Thomas, i suspect this second option will also work with somekind of redirection?
    i mean from shop menu -> product redirected to a custom page correct?

    Are there any alternatives to Woocommerce? I’ve found them unhelpful.

    @jack1121 – There are plenty of devs that know how to tweak a product page or WC if you look in the right pages. Just don’t look on Craigslist or expect things for $20 a pop.

    @omigosh go try Shopify

    • This reply was modified 2 years, 7 months ago by .

    We just released a video showing how to visually design the product page with Elementor that I think can be useful for this discussion:
    https://elementor.com/blog/customize-woocommerce-product-page/
    If you feel anything missing in this tutorial I would love to know, but this is a new way to design product pages

    • This reply was modified 2 years, 6 months ago by .

    What we used is this plugin to fully customize each Product’s page:

    You can also have different designs for each product page and not the same structure to every one and quite simple to use.

  • The topic ‘Customising WooCommerce Single Product Page’ is closed to new replies.

This step-by-step tutorial will take you through the process of creating a single product page template for your WooCommerce products using JetWooBuilder plugin.


JetWooBuilder is a perfect solution for representing WooCommerce products. You will enjoy the opportunity to customize pages and their content without digging into the code.

JetWooBuilder offers you easy-to-use widgets, using which you’d be able to create eye-catching single product templates.

1 Step— Enable the Single product widgets

Product

Firstly, in the WP Dashboard go to JetPlugins > JetWooBuilder Settings, scroll to Single Product Available Widgets block and enable the widgets you are going to use while creating a Single Product Page template.

2 Step— Create a template

Proceed to the JetPlugins >Jet Woo Templates tab and click the “Add New Template” button.

Select the “Single template” in a popup window and provide it with a title. You can also choose a layout in the Start from Layout section if you don’t know where to start. In case you want to create a Single Product page template from scratch, ignore this step.

Product

After that, click the “Create Template” button to open the Elementor editing page.

NOTE. Actually, the pre-designed templates already contain the widgets needed for displaying the WooCommerce products, but in case the product doesn’t have all the required values, some of the widgets might be displayed incorrectly. Please, make sure you’ve added all the needed information to your WooCommerce products before you start creating a new Single product page template.
Woocommerce Single Product Template

Create a splendid single template using awesome JetWooBuilder widgets and Elementor widgets board. Drag and drop the widgets you need to display information about your product, such as Single Title, Single Images, Single Add to Cart, Single Meta, etc. Make sure to create the layout you need.

Afterward, click the “Publish” button in order not to lose the changes.

Woocommerce Single Product Template

3 Step— Assign the template to the page

Go back to the WordPress Dashboard and open the WooCommerce > Settings submenu. Select the Jet Woo Builder tab, scroll to the Single Product section to set a particular template for all products.

Tick the Enable custom product single page option and select a template you have recently created in the Single Product Template dropdown.

Woocommerce Single Product Template Not Working

Click the “Save Changes” button at the very bottom of the page.

Now you’re done! It’s time to navigate to the website and have a look at your Single product page applied to your WooCommerce products.

Get much more from Crocoblock subscription!

JetWooBuilder plugin is only one of many things from Crocoblock that can help you boost your website.