Single Product Template

Posted onby admin

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.

Product Sheet Template

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

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.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Single Product Template 3Single Product Template 5. Elements is the best product catalogue template source when you want to buy many templates as well as other resources, but GraphicRiver works for those who want to buy a single template. 15 Best Product & Item Catalogue Template Designs (InDesign & Photoshop 2021).

2 Step— Create a template

Single product template woocommerce

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.

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.

Elementor 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.

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.

Single product template html

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.

Single Product Template Html

Get much more from Crocoblock subscription!

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

Topics

The WordPress theme system supports custom templates for custom post types. Custom templates for the single display of posts belonging to custom post types have been supported since WordPress Version 3.0 and the support for custom templates for archive displays was added in Version 3.1.

Product Information Sheet Template Free

Custom Post Type – Template Hierarchy Custom Post Type – Template Hierarchy

WordPress will work through the template hierarchy and use the template file it comes across first. So if you want to create a custom template for your acme_product custom post type, a good place to start is by copying the single.php file, saving it as single-acme_product.php and editing that.

However if you don’t want to create custom template files, WordPress will use the files already present in your theme, which would be archive.php and single.php and index.php files.

Single posts and their archives can be displayed using the single.php and archive.php template files respectively,

  • single posts of a custom post type will use single-{post_type}.php
  • and their archives will use archive-{post_type}.php
  • and if you don’t have this post type archive page you can pass BLOG_URL?post_type={post_type}

where {post_type} is the $post_type argument of the register_post_type() function.

So for the above example, you could create single-acme_product.php and archive-acme_product.php template files for single product posts and their archives.

Alternatively, you can use the is_post_type_archive() function in any template file to check if the query shows an archive page of a given post types(s), and the post_type_archive_title() to display the post type title.

Custom Post Type templates Custom Post Type templates

  • single-{post-type}.php
    The single post template used when a visitor requests a single post from a custom post type. For example, single-acme_product.php would be used for displaying single posts from a custom post type named acme_product.
  • archive-{post-type}.php
    The archive post type template is used when visitors request a custom post type archive. For example, archive-acme_product.php would be used for displaying an archive of posts from the custom post type named acme_product. The archive.php template file is used if the archive-{post-type}.php is not present.
  • index.php
    The index.php is used if a specific query template (single-{post-type}.php, single.php, archive-{post-type}.php, archive.php, search.php) for the custom post type is not present.

Function Reference Function Reference

Woocommerce Single Product Template

Product
  • register_post_type() : Registers a post type.
  • is_post_type_archive() : Checks if the query for an existing post type archive page.
  • post_type_archive_title() : Display or retrieve title for a post type archive.