Removing Shop pay installments message on home page featured product

Store Design

Topic summary

A user sought to remove the Shop Pay installments message from their homepage featured product and all product pages on their Crave theme store.

Initial Solutions Attempted:

  • Custom CSS targeting .m-0 class (unsuccessful)
  • CSS code in theme.liquid targeting shopify-payment-terms element (unsuccessful)
  • CSS targeting specific product form ID (unsuccessful)

Successful Resolution:
The issue was resolved by editing the featured-product.liquid file and removing the code {{ form | payment_terms }}. This Liquid template code was directly rendering the payment terms message.

Key Insight:
While multiple CSS-based solutions were suggested, the root cause required a template-level fix rather than styling changes. One responder also suggested checking the theme customizer for a Shop Pay installments block that could be toggled off, though this approach wasn’t confirmed as the final solution.

The discussion demonstrates that payment messaging can be controlled either through theme customization settings, CSS hiding, or direct template editing, with template modification proving most effective in this case.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’d like to remove the Shop Pay installments message on a featured product on my site homepage, and across all product pages. I’ve tried adding a few code snippets and none of them are working. The theme is Crave. Thank you!

Screen Shot 2025-01-30 at 10.15.01 PM.png
Screen Shot 2025-01-30 at 10.15.01 PM.png882×256 20.7 KB

2

Hi @iw2

Can you share with me yur store URL to check further?

Thank you

3

https://molimojewelry.com/collections/studio-molimo

4

Hi @iw2

You can follow this instruction:

  1. Go to Shopify > Theme > Customize

  2. Copy and paste this code on Theme settings > Custom CSS section

.m-0 {
    margin: 0px;
    display: none !important;
}

result:

LizHoang_0-1738306055519.png
LizHoang_0-1738306055519.png1161×808 97.3 KB

5

I added the code, but the text still appears.

6

Hi @iw2

You can try this way instead:

  1. Go to Online Store > Edit Code
    2.Please find theme.liquid file > Add the following code above tag
<style>
shopify-payment-terms {
    display: none !important;
}
</style>
7

I added this too but unfortunately it’s still not working :disappointed_face:

8

Hello @iw2
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

#product_form_8342288793756 {
display: none !important;
}

result

199.png
199.png562×517 11.8 KB

Thanks

9

Hello @iw2 ,

When you open the product in the customize area, there should be a block in the main product section which renders this text. Please check all the blocks added to this section and remove/hide the Shop pay installments block, if you find it.

I hope this is helpful.

10

Follow This Steps

1.Go to Edit tab
2.Find This file: featured-product.liquid

PritTala_1-1738313927143.png
PritTala_1-1738313927143.png1919×944 85.4 KB

3.Remove Following code: {{ form | payment_terms }}

PritTala_2-1738313937731.png
PritTala_2-1738313937731.png1916×936 95.7 KB

4.Click on save

LIke And Accept Solution!

11

that worked! Thank you!