Paypal Pay in 3 Not Updating Variants

Store Design

Topic summary

Issue: PayPal “Pay in 3” messaging on the product page does not update when a higher-priced variant is selected. It remains fixed to the initial price. Integration was added via Custom Liquid. A screenshot illustrates the mismatch.

Proposed solution: Make the PayPal messaging dynamic via JavaScript so it refreshes on variant changes using the PayPal JavaScript SDK.

Implementation steps:

  • Add a change/onchange event listener to the variant selector.
  • On change, call paypal.Messages().render(…) to re-render the messaging in its container.
  • Replace placeholder selectors (#variant-selector, #paypal-messaging-element) with the theme’s actual IDs.

Key terms: Variant = a product option that can change price. PayPal “Pay in 3” messaging = installment/financing banner. PayPal JavaScript SDK = script that renders PayPal UI components and messages.

Status: No confirmation from the original poster that the fix worked. The thread remains open, and further questions are welcomed.

Summarized with AI on December 14. AI used: gpt-5.
2

Hi @JordanGBS

To make the PayPal Pay in 3 messaging update dynamically when a variant is selected, you’ll need to use JavaScript to refresh the PayPal widget each time the product variant changes.

  1. Add an onchange event listener to your variant selector to detect changes.
  2. Use PayPal’s JavaScript SDK to re-render the messaging with the updated price.

Here’s a basic example:

document.querySelector(‘#variant-selector’).addEventListener(‘change’, function() {

paypal.Messages().render(‘#paypal-messaging-element’);

});

Ensure to replace #variant-selector and #paypal-messaging-element with your actual element IDs.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy