I would like to remove the Pay in 4 interest-free installments on my dawn themed product page

Store Design
1

Hi there, I am struggling making sales on my site and i believe one of the many reasons is the Shop Pay sections and i would like to learn how to remove it. I tried a few other potential solutions from other discussion posts but to no avail. My stores URL is https://shopserein.store/products/fluffy-hopper I appreciate any help possible

1 Like
2

Hi,

Just wanted to check if I understood correctly you want to remove the payout details as the image below ?

NatashaSaed_0-1700065533536.png
NatashaSaed_0-1700065533536.png1284Ă—755 142 KB

3

Yes i would like to remove the section on the product page that states “Pay in 4 interest free installments for orders over $50 with shop” section.

4

  1. Go to online store

  2. Edit Code

  3. Open your base.css file

  4. Paste the following code at the end of the file:

.shopify-installments {display: none !important;}

  1. Save.

Let me know if it work by marking it as a solution.

5

Hi @Jaydekoehn35

Is this solved?

6

I appreciate the help but this did not work as the Shop icon and payment installments sections has no been deleted

7

It is not, not yet at least

8

Yes sorry I thought you want only the top text please add this code instead

  1. Go to online store

  2. Edit Code

  3. Open your base.css file

  4. Paste the following code at the end of the file:

.shopify-installments {display: none !important;}

.vtl-pl-main-widget {display: none !important;}

NatashaSaed_0-1700066807044.png
NatashaSaed_0-1700066807044.png1270Ă—785 153 KB

  1. Save.
9

Hm on my end nothing is changing? Is there any other possible coded solutions?

10

Oh, Okay i ask because its unseen on my side. The one that you like to remove.

Made4uoRibe_0-1700071058552.png
Made4uoRibe_0-1700071058552.png769Ă—508 75.6 KB

11

The code managed to hide the payment details but not the text for 4% I guess its an app that causing this try adding this code

#product-form-installment-template–21556322992429__main {display: none !important;}

Let me know if it work, if not please give me collaborator access to help you with it.

12

This finally worked on my end. Thank you for the persistence!

13

You are welcome, glad I could help.

Have a nice day.

14

So, I must be the less than 1%… Neither of the codes worked. I am in Dawn, base.css, triple checked the solutions, but neither worked. Is there something else?

Thank you!

15

The others talked about using css to hide it. To remove the code in dawn theme, go to main-product.liquid around line 120 you will see this block


                {%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
                {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
                  
                  {{ form | payment_terms }}
                {%- endform -%}

You can remove the whole div or comment it out

6 Likes
16

This worked for me. Thank you @NickCatranis

17

Thank you! This also worked for me in Spotlight theme. My first time editing code in Shopify. :grinning_face_with_smiling_eyes:

18

I am trying to do the same think for my product in the broadcast theme. Any advice?

19

Thank you thank you!

20

This didn’t work for me would you be able to provide me with another way to get rid of this payment installment plan