Shopify Pay Installments Javascript tutorial has a synax error and is unclear

nshahin
New Member
1 0 0

Attempting to get Shopify Pay Banner working on my custom Javascript storefront.

IF you have a custom Javascript storefront then this is the tutorial they tell you to use: https://community.shopify.com/c/Shopify-Design/Shop-Pay-Installments-Troubleshooting-Custom-storefro...

However, the code on the tutorial's page has a syntax error.

Screen Shot 2021-07-26 at 3.49.28 PM.png

I keep getting this error when I try to use it: `(sections/product-template.liquid) Liquid syntax error (line 8): Variable '{{ "id": 111222333444, "price": "$5.00", "eligible": false}' was not properly terminated with regexp: /\}\}/`

If I remove all attributes, i.e. <shopify-payment-terms></shopify-payment-terms>,  it does render the 'Learn More' button, however, it does not do anything upon clicking it.

Questions:
  1. Do I even need to pass in the attributes shown on the shopify payment terms element?
  2. If the above is yes, then I need help debugging this syntax error. 
  3. If the above is no then there is something else going wrong....
0 Likes