Show recharge widget on collection page

Jenny_HD
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)

dwyckoff
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.

oknaus
Shopify Partner
5 0 0

-----

EcomGraduates
Shopify Partner
588 48 79

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.

 

oknaus
Shopify Partner
5 0 0

Where do you see these settings exactly?