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)

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.