How to Preview the Template on Specific Product?

By default, in editor, the single product template will display the content of the last added product. This product serves as a reference and demo for showing you how your product template will look like. You can change this reference product to any other product by following this steps:

Elementor

  • Go to Settings and open Preview Settings

  • In "Preview Settings" use the "Select Product" field to find and select your desired product for preview

  • Click on "Apply & Preview" button to apply the preview settings to your loop item template

In this way you can create custom templates for products in an easy and visual way by previewing the end result directly in the editor.

WPBakery

For TheGem WPBakery theme version, you can select the preview product directly in WPBakery using the options provided in the top bar:

  • In "Product" you can choose the product for your template preview
  • Click on "Apply" button to apply the preview settings to your product template