Customers use the Subscription Widget to purchase products as subscriptions. By default, the subscription widget is displayed to the right of the product image on the product page.
It is possible to move the Subscription Widget to a new location by following this guide.
- Recharge Checkout on Shopify
Modifications to the BigCommerce Subscription Widget must be made directly in code, please reference our Developer Documentation for more information. Customizations to code are not covered in the Recharge design and integration policy.
Step 1 - Locate the code snippet
In order to display the subscription widget on the product page, we add a snippet of code into the theme code of the product page. This is usually found on the product-template.liquid page in your theme file in Shopify.
Locate the following piece of code on the product-template.liquid page:
<!-- Begin ReCharge code -->
{% if product.available %}
{% render 'subscription-product' %}
{% endif %}
<!-- End ReCharge code -->
If you have any trouble finding our snippet, please contact the Recharge support team.
Step 2 - Move the snippet
Once you've located the snippet, copy and paste it to any other location on the product page.
The Subscription Widget will now be displayed in a new location whenever a customer is looking at a subscription product.