Create dynamic Product Template in WordPress
Using WordPress, Elementor Pro, WooCommerce, and JetEngine
Watch it scroll
Mobile
Desktop
Create dynamic meta fields with JetEngine
Create a new Meta Box with the JetEngine plugin.
Change the visibility settings to enable product post type.
Add the meta fields. AKA the dyanmic content that will change with each product.
For this section, say "Flavor Profile" - there are 7 meta fields. The text element "flavor profile" remains constant. Everything else changes with each product (coffee) type.
The elements requiring meta fields are highlighted below.
Create 7 meta fields: 1 for the description (text) - and 3 for each tasting note (text) and illustration (media).
Reduce the field width of each tasting notes pic and note - to 50%.
The illustration and corresponding text align in the product dashboard.
For rich text (with hyperlinks and editing), change the meta field type to 'WYSIWYG.'
Build Single Product Template in Elementor
Open the Theme Builder in Elementor under the WordPress Dashboard. Select 'Add New' and 'Single Product' template.
This is the empty canvas to build on.
Make content dynamic with meta fields
Select the dynamic tag under the text editor. Click the wrench and select the desired meta field.
The meta fields populate the template automatically with each product.
The Result
