How Do I remove Shop Pay Installments Message From My Product Page?

[Jacobsladdr]

I want to keep Shop Pay Installments as a payment option but I want to Highlight on my product page that I use "AfterPay" for the social proof. I just want to remove the messaging from my product page. Just remove the message and keep the installments as a payment option. I use Dawn. 

Url: Believersbrigade.com

[dbuglab · Accepted solution]

Hi @Jacobsladdr 

Please follow these Steps:

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

<style>
shopify-payment-terms {
    display: none !important;
}
</style>

[nurs]

Thank you a lot! It worked!😘✅

[GBLLC]

Is it possible to code this in a way that it only affects certain products / just one product template? It is getting too bulky along with my subscribe & save widget on a few items and making those pages look ugly 

[GBLLC]

Alternatively, how could we move the installments message below the "add to cart button" so that it is not taking up such valuable space and pushing the add to cart button out of view?

[Moeed]

Hey @Jacobsladdr 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
shopify-payment-terms {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[zahin]

Works like a charm, thanks a lot ❤️👉👈

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[jordanannell]

Wow this worked!!! This is the first time any of the codes on here worked for me. Thank you!

[Tomdanny]

Follow these procedures to remove the Shop Pay Installments notification from your product page:

Enter the page editor or control panel for your website.

Locate and open the product page you wish to edit.
Look for the code that displays the message; it may differ depending on the system and style of your website.
That code can be removed or hidden to make the message vanish.
Save your edits.
Make sure the message is gone by checking the page.
When altering code, exercise caution and seek assistance if necessary.
These steps might vary depending on your website setup.