Best solution for updating pricing in Affirm's modal popup for variants?

New Member
9 0 0

We installed Affirm's App on our site but when you select a variant with a different price the new price doesn't show in Affirm's Modal Box. But if you reload the product page the modal will then show the correct price. One solution I found was to use the below script to reload the page when a variant is selected. But I tried this code by pasting it at the end of the product.liquid file (viewable in the link below) and it doesn't work? Do I first need to add a jquery library to theme.liquid head section? Also, is this actually a poor solution? I'm concerned this will negatively impact the shopping experience. Is the best solution to adjust the JavaScript on the site so it changes the value in Affirm's Modal as well. Thanks for any tips, suggestions and/or help.


jQuery(function() {
$('.single-option-selector').on('change', function(){
if($('[name="id"]').val() != "{{ }}"){
}, 1);



New Member
1 0 0

product page snapshot.png

So as you can see in the attached picture.

I have recently added affirm as a payment option to my store, the theme used is Debut.

When I added the affirm to reflect on my product page it is being striked out like the compare price. How do I correct that, any help would be appreciated?