Show recharge widget on collection page

Retired Boards Appdev Subscriptions

Topic summary

A user wants to display Recharge subscription widgets on their collection page while using Recharge’s integrated checkout. The product cards are already rendering on the collection page, but the subscription options aren’t appearing.

Suggested Solutions:

  • Contact Recharge support directly for theme customization assistance
  • Modify theme code manually by:
    • Locating the product-card.liquid file (or similar)
    • Adding Recharge widget code within the product card template
    • Enabling “Render Subscription Widget on Product Pages” in Recharge settings
    • Testing the collection page to verify the widget displays correctly

Current Status:
The discussion remains open with a follow-up question asking for clarification about where exactly to find these settings in Recharge.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

We are trying to show the recharge widget on the collection page - we are rendering product cards to show products on the collection, and using recharge integrated checkout. Is there a way to render recharge widgets/ options on the collection page?

2

Hey Jenny!
I’d suggest reaching out to Recharge directly for help with customizing your theme. They should be able to help you configure their widget on your collection page.

Hope that helps,

  • Daniel.
3

Hello there

To render ReCharge widgets or options on the collection page, you will need to modify the code of your theme. Here are the steps you can take to achieve this:

  1. Locate the code for the product card in your theme files. This will typically be in a file called product-card.liquid or similar.

  2. Inside the product card code, add the ReCharge widget code that you want to display on the collection page. This could be a subscription button, a product discount, or any other ReCharge widget that you want to display.

  3. In the ReCharge settings, enable “Render Subscription Widget on Product Pages”. This will ensure that the widget is loaded on the collection page.

  4. Save the theme file and test the collection page to ensure that the ReCharge widget is displaying as expected.

4
5

Where do you see these settings exactly?