Product Page Template

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

Please note that if you want to create a separate template for the entire catalog pages (along with other website parts like header and footer), you must use the theme integration guide first. By default, all catalog pages are generated with the same template file as your pages (your theme page.php in most cases).

All customization requires file creation inside the theme folder, so we advise using a child theme to keep the customizations after the 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 losing the changes after the plugin update

Create a template for the 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 your newly created implecode folder (e.g., wp-content/themes/your-theme-name/implecode/product-page.php). If your catalog uses the shortcode or block integration (the default), the full product page is generated by shortcode-product-page.php instead, so copy that file from the plugin templates/full folder.

You can use shortcodes inside the template file.

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

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

With a block theme you can also design the product page in the Site Editor, without template files. See Product Page Blocks and Catalog Templates. To add tabs to the product page, see Custom Product Page tab; for the structured data template, see Product catalog schema.org markup. For listing templates, see Product Listing Page Template.

Start with product page template here for free