To insert the product information in the Customer Store product page, use the following placeholders in the Product showpage UI template (see Viewing and updating a UI template of a Customer Store page):
|
Placeholder |
Description |
Type |
Example |
|---|---|---|---|
|
product.general.id |
Product ID |
Local for the Product showpage UI template |
<p>{{ product.general.id }}</p> |
|
product.general.promo_name |
Product marketing name |
Local for the Product showpage UI template |
<h2>{{ product.general.promo_name }}</h2> |
|
product.general.category_id |
Product category ID |
Local for the Product showpage UI template |
<div>{{ product.general.category_id }}</div> |
|
product.general.category_name |
Product category name |
Local for the Product showpage UI template |
<h3>{{ product.general.category_name }}<h3> |
|
product.general.calegory_link |
A link to the product category page |
Local for the Product showpage UI template |
<a href="{{ product.general.calegory_link }}">A link to the Product Category page</a> |
|
product.general.logo |
Product logo |
Local for the Product showpage UI template |
<img src="{{ product.general.logo }}"/> |
|
product.general.vendor_name |
Vendor name |
Local for the Product showpage UI template |
<h4>{{ product.general.vendor_name }}</h4> |
|
product.general.starting_from |
The minimum price of a product per month calculated based on the minimum price of the plans available for the product |
Local for the Product showpage UI template |
<div>{{ product.general.starting_from }}</div> |
|
product.general.buy_link |
A link to the array of the product service plans or a link to the Customer Control Panel for buying a product when it has only one service plan |
Local for the Product showpage UI template |
<a href="{{ product.general.buy_link }}">Buy Product</a> |
|
product.general.try_link |
A link to the array of the product service plans, or a link to the Customer Control Panel for ordering a trial version of a product when it has only one service plan |
Local for the Product showpage UI template |
<a href="{{ product.general.try_link }}">Try it</a> |
|
product.general.brief_description |
Brief product marketing description |
Local for the Product showpage UI template |
<div>{{ product.general.brief_description | safe }}</div> |
|
product.general.overview |
Product marketing description |
Local for the Product showpage UI template |
<p>{{ product.general.overview }} </p> |
|
product.marketing.screenshots_url[] |
An array of links to screenshots of the product |
Local for the Product showpage UI template |
{% for screenshot_url in product.marketing.screenshots_url %} <img src="{{ screenshot_url }}"/> {% endfor %} |
|
product.marketing.videos_url[] |
An array of links to videos of the product |
Local for the Product showpage UI template |
{% for video_url in product.marketing.videos_url %} <div> <a href="{{ video_url }}"></a> </div> {% endfor %} |
|
product.marketing.benefits[] |
An array of marketing benefits of the product |
Local for the Product showpage UI template |
{% for benefit in product.marketing.benefits %} <div> <h6>{{ benefit.title }}</h6> <p>{{ benefit.description }}</p> </div> {% endfor %} |
|
product.marketing.benefits[].title |
Benefit title |
Local for the Product showpage UI template |
{% for benefit in product.marketing.benefits %} <div> <h6>{{ benefit.title }}</h6> </div> {% endfor %} |
|
product.marketing.benefits[].description |
Benefit description |
Local for the Product showpage UI template |
{% for benefit in product.marketing.benefits %} <div> <p>{{ benefit.description }}</p> </div> {% endfor %} |
|
product.support.phone |
Technical support contact phone number |
Local for the Product showpage UI template |
<div>{{ product.support.phone }}</div> |
|
product.support.email |
Technical support contact email |
Local for the Product showpage UI template |
<div>{{ product.support.email }}</div> |
|
product.support.site |
A link to the technical support website |
Local for the Product showpage UI template |
<a href="{{ product.support.site }}"></a> |
|
product.support.information |
Additional information about technical support |
Local for the Product showpage UI template |
<p>{{ product.support.information }}</p> |
|
product.legal.license_agreement_url |
A link to the license agreement |
Local for the Product showpage UI template |
<a href="{{ product.legal.license_agreement_url }}"></a> |
|
product.legal.privacy_policy_url |
A link to the Product Privacy Policy |
Local for the Product showpage UI template |
<a href="{{ product.legal.privacy_policy_url }}"></a> |
|
product.documentation[].url |
A link to the product documentation |
Local for the Product showpage UI template |
{% for documentation in product.documentation %} <li><a href="{{ documentation.url }}">{{ documentation.title }}</a></li> {% endfor %}
|
|
product.documentation[].title |
A title of the product documentation |
Local for the Product showpage UI template |
{% for documentation in product.documentation %} <li><a href="{{ documentation.url }}">{{ documentation.title }}</a></li> {% endfor %} |
|
product.plans[] |
An array of the product plans |
Local for the Product showpage UI template |
{% for plan in product.plans %}
<div> <h6>{{ plan.name }}</h6> </div> <span>{{ plan.starting_from }}</span> <span>{{ plan.currency }}/{% trans 'month' %}</span> </div> <div> <p>{{ plan.description }}</p> </div> <div> <a href="{{ plan.try_link }}">Try it</a> </div> <div> <a href="{{ plan.buy_link }}">Buy it</a> </div> {% endfor %} |
|
product.plans[].id |
Plan ID |
Local for the Product showpage UI template |
{% for plan in product.plans %} <div> {{ plan.id }} </div> {% endfor %} |
|
product.plans[].name |
Plan name |
Local for the Product showpage UI template |
{% for plan in product.plans %}
<h6>{{ plan.name }}</h6> </div> {% endfor %} |
|
product.plans[].description |
Plan description |
Local for the Product showpage UI template |
{% for plan in product.plans %} <div> <p>{{ plan.description }}</p> </div> {% endfor %} |
|
product.plans[].starting_from |
Plan minimum price |
Local for the Product showpage UI template |
{% for plan in product.plans %} <span>{{ plan.starting_from }}</span> {% endfor %} |
|
product.plans[].buy_link |
A link to the Customer Control Panel for buying a product |
Local for the Product showpage UI template |
{% for plan in product.plans %} <a href="{{ plan.buy_link }}">Buy it</a> {% endfor %} |
|
product.plans[].try_link |
A link to the Customer Control Panel for ordering a free trial version of a product |
Local for the Product showpage UI template |
{% for plan in product.plans %} <a href="{{ plan.try_link }}">Try it</a> {% endfor %} |
|
product.plans[].resources[] |
An array of the plan resources |
Local for the Product showpage UI template |
{% for plan in product.plans %} <div> {% for resource in plan.resources %} <h6>{{ resource.name }}</h6> <p>{{ resource.count }}, {{ resource.unit_of_measure }}</p> {% endfor %} </div> {% endfor %} |
|
product.plans[].resources[].name |
Resource name |
Local for the Product showpage UI template |
{% for plan in product.plans %} <div> {% for resource in plan.resources %} <h6>{{ resource.name }}</h6> {% endfor %} </div> {% endfor %} |
|
product.plans[].resources[].count |
Quantity of the resource included in the plan price |
Local for the Product showpage UI template |
{% for plan in product.plans %} <div> {% for resource in plan.resources %} <p>{{ resource.count }}, {{ resource.unit_of_measure }}</p> {% endfor %} </div> {% endfor %} |
|
product.plans[].resources[].unit_of_measure |
A unit of measurement of the resource |
Local for the Product showpage UI template |
{% for plan in product.plans %} <div> {% for resource in plan.resources %} <p>{{ resource.count }}, {{ resource.unit_of_measure }}</p> {% endfor %} </div> {% endfor %} |
|
product.crosselling_products[] |
An array of the related products |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> <img src="{{ crosselling_product.logo }}"> <h6>{{ crosselling_product.promo_name }}</h6> <p>{{ crosselling_product.id }}</p> <p>{{ crosselling_product.overview }}</p> <span>{{ crosselling_product.starting_from }}</span> <a href="{{ crosselling_product.buy_link }}">Buy it</a> <a href="{{ crosselling_product.try_link }}">Try it</a> <a href="{{ crosselling_product.link}}">See Product page</a> </div> {% endfor %} |
|
product.crosselling_products[].id |
Related product ID |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> {{ crosselling_product.id }} </div> {% endfor %} |
|
product.crosselling_products[].promo_name |
Marketing name of a related product |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> <h6>{{ crosselling_product.promo_name }}</h6> </div> {% endfor %} |
|
product.crosselling_products[].overview |
Marketing description of a related product |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> {{ crosselling_product.overview }} </div> {% endfor %} |
|
product.crosselling_products[].logo |
Logo of a related product |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> <img src="{{ crosselling_product.logo }}"> </div> {% endfor %} |
|
product.crosselling_products[].starting_from |
The minimum price of a related product per month calculated using the minimum price of plans available for the related product |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> <span>{{ crosselling_product.starting_from }}</span> </div> {% endfor %} |
|
product.crosselling_products[].buy_link |
A link to the array of the related product service plans or a link to the Customer Control Panel for buying a related product when it has only one service plan |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> <a href="{{ crosselling_product.buy_link }}">Buy it</a> </div> {% endfor %} |
|
product.crosselling_products[].try_link |
A link to the array of the related product service plans or a link to the Customer Control Panel for ordering a trial version of a related product when it has only one service plan |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> <a href="{{ crosselling_product.try_link }}">Try it</a> </div> {% endfor %} |
|
product.crosselling_products[].link |
A link to the Customer Store related product page |
Local for the Product showpage UI template |
{% for crosselling_product in product.crosselling_products %} <div> <a href="{{ crosselling_product.link}}">See Product page</a> </div> {% endfor %} |