How do I get the ReCharge app to work on product pages?

The ReCharge app needs a quick manual update to work properly.

You should only do this after you've fully installed the ReCharge app and it has added all of their snippets to your theme files. To confirm this, you should see these files in your theme's "Snippets" directory:

  • subscription-account-login.liquid
  • subscription-cart-footer.liquid
  • subscription-product.liquid
  • subscription-theme-footer.liquid

In your Shopify admin, navigate to the Edit code, then find and click into the component-form-product.liquid file within the Snippets directory.

Find the line which includes the code below β€” this should normally be found around line 19:

{%- form 'product', product, data-productid:, id: product_form_id, class: product_form_id, novalidate: 'novalidate', data-type: 'add-to-cart-form' -%}

Paste the code below under that line β€” save your update and check to ensure ReCharge is working as expected!

{% if product.available and request.page_type == 'product' %}{% render 'subscription-product' with product as product %}{% endif %}
πŸ‘€ Video screencapture of the process of adding ReCharge code to your theme.

Align theme