Add-On Templates

App uses following default template to render "Add-on" box.

"Add-on" box is the individual Add-On item box within which an Add-on is displayed:

By default same template is used on Cart Page and Product Page. Text within {{....}} are "TOKENS" and are required, App replaces them with actual values.

<div class="upsell-addonbox" id="upsell-addon-{{addOnProductHandle}}">

<div class="upsell-addonbox-col1">

<img src="{{img}}" class="{{imageClassName}}">

</div>

<div class="upsell-addonbox-col2">

<span class="product-single__title upsell-font-color upsell-addon-title">{{titleSnippet}}</span>

<br/>

{{description}}

{{variantDropdown}}

<a href="{{addOnSlug}}" target="_blank" class="upsell-addon-details {{seeDetails}}">{{seeDetailsText}}</a>

</div>

<div class="upsell-addonbox-col3">

{{addToCartInput}}

</div>

</div>