Where is the code for Shop Pay?

Shopify Partner
3 0 1

Example: https://subversivecrossstitch.com/products/can-you-not-square-pillow-case-deluxe-kit

The Shop Pay info is in-between my "Sold Out" button and the "Notify When Available" button. I just want to move it down so that these two buttons are closer together.  I'm not sure where to find that in the theme sections.


To be clear, since I can't attach an image here, I want the order to be exactly like this:



Pay in 4 interest-free installments for orders over $50.00 with  Learn more
Shipping calculated at checkout.
Replies 2 (2)

Shopify Partner
1400 311 336

Hi @subversive 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>


form#addToCartForm-product-template {
    display: grid;
#addToCartForm-product-template .payment-buttons.payment-buttons--medium {
    order: 1;
#addToCartForm-product-template .hc-shop-pay--product-installments {
    order: 2;
#addToCartForm-product-template button#SI_trigger {
    order: 3;


If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!


Best Regards,

Buy me a Coffee

Enjoy Shopify for $1. Sign up now

For quick response - Message Me

Ping me at: theycallmemakka@gmail.com

Shopify Partner
3 0 1

Didn't work. It just made the buttons longer, but the Shop text didn't move.