How to show the offer in a custom position
Overview
By default, a Product Page Upsell shows above the add to cart button. To place an offer elsewhere, use an app block or a code snippet.
Use an app block
- Go to Online Store > Themes > Customize and open the product page.
- Click Add block in the product section, open the Apps tab and select Product Upsell or Product Add-ons.
- Move the block where you want the offer and click Save.
Use a code snippet (Product Add-Ons)
In the Offer step of a Product Add-Ons offer, copy the code under Use this code for custom placement or page builders (Optional) and paste it where the add-ons should show:
<div id="xb-product-addon-root"></div>