Where is the code for Shop Pay?

subversive
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:

SOLD OUT

NOTIFY WHEN AVAILABLE

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

theycallmemakka
Shopify Partner
1337 296 328

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>

 

<style>
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;
}
</style>

 

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,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

subversive
Shopify Partner
3 0 1

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