Show recharge widget on collection page

Shopify Partner
43 11 6

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?

Jenny Delibasic,

Shopify Developer
Replies 4 (4)

Shopify Staff
15 1 3

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.

To learn more visit the Shopify Help Center or the Community Blog.

Shopify Partner
5 0 0


Shopify Partner
590 48 80

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.


Shopify Partner
5 0 0

Where do you see these settings exactly?