How to put new Shop Pay Installments Banner Above Add To Cart Button

Solved
lostroyale
Tourist
4 0 1

Hello. I recently added Shop Pay Installments to my store and implemented the banner through adding this line of code into my featured-product.liquid file:

 

{{ form | payment_terms }}

 

The code above has been pasted between the lines

 

{{ form | payment_button }}

and

{% endform %}

 

as per the instructions here: https://shopify.dev/tutorials/add-pay-installments?shpxid=15579b0e-2EFB-4044-BF79-D93552AE4CAB

 

I've included a screenshot of where the banner is appearing and indicated where I want it to appear with a green arrow. I've also included a screenshot of another store I've noticed getting it in the placement I want and included a screenshot of that as well. Any ideas of where to insert {{ form | payment_terms }} in order to have the banner in this placement? Thanks!

0 Likes
bdowling
Explorer
66 13 39

This is an accepted solution.

Hi, did you try placing the the "{{ form | payment_terms }}" above the "{{ form | payment_button }}"? In the documentation they say place it directly below the line that looks like this:

 

{%- form 'product', product, ... -%}

 

If you place the "{{ for | payment_terms }}" right under that, it should place it higher up. I hope this helps. Good luck

0 Likes
lostroyale
Tourist
4 0 1

 

Copy
 
0 Likes
lostroyale
Tourist
4 0 1

That line of code isn't in my featured-product.liquid. The closest thing I see to

{%- form 'product', product, ... -%}

 

is  <div class="product-form">. When I place the code under that line it simply does not display on my storefront. Did I place it in the incorrect spot?

0 Likes
lostroyale
Tourist
4 0 1

Just played around with the line of code and pasted in different sections and just discovered a spot that worked. Thanks for the help!