Product Page Template

With eCommerce Product Catalog you can create custom template for the whole product page or for product page parts. Your customizations will be still there after plugin update.

All customization requires file creation inside the theme folder so we advise to use a child theme in order to keep the customizations after theme update.

Create template for product page part:

  1. Create “implecode” folder in your currently used WordPress theme folder (e.g. wp-content/themes/your-theme-name/implecode)
  2. Go to the ecommerce-product-catalog/templates/template-parts/product-page folder, find the file that you want to customize and copy it to your newly created implecode folder (e.g. wp-content/themes/your-theme-name/implecode/product-price.php)
  3. Now you can customize the copied template file without loosing the changes after plugin update

Create template for full product page:

  1. Create “implecode” folder in your currently used WordPress theme folder (e.g. wp-content/themes/your-theme-name/implecode)
  2. Add product-page.php to you newly created implecode folder (e.g. wp-content/themes/your-theme-name/implecode/product-page.php)

You can use shortcodes inside the template file.

Here is the default product page template:

[product_breadcrumbs]
<article id="post-[product_page_id]" [product_page_class custom=""]>
	<header class="entry-header product-page-header">
		<h1 class="entry-title product-name">[product_name]</h1>		
	</header>
	<div class="entry-content product-entry">
		[product_gallery]
		<div id="product_details" class="product-details ">
			<div class="shortdesc">[product_short_description]</div>
			[product_price_table]
			[product_sku_table]
		</div>
		<div class="after-product-details">
			[product_attributes]
			<div class="product-description">[product_description]</div>
		</div>
		<div class="after-product-description">
			[product_related_categories]
			[back_to_products_url]
		</div>
	</div>
</article>

You can copy & paste the code to your newly created product-page.php file. It will be an easy starting point!

Product page template can be created and updated from the dashboard with Product Page Customizer.