Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

Solved

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

Jaydekoehn35
Tourist
7 0 2

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

Accepted Solution (1)
Natasha-Saed
Shopify Partner
422 46 77

This is an accepted solution.

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.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint

View solution in original post

Replies 20 (20)

Natasha-Saed
Shopify Partner
422 46 77

Hi,

 

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

NatashaSaed_0-1700065533536.png

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Jaydekoehn35
Tourist
7 0 2

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.

Natasha-Saed
Shopify Partner
422 46 77

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

 

5) Save.

 

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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Jaydekoehn35
Tourist
7 0 2

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

Natasha-Saed
Shopify Partner
422 46 77

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

 

 

5) Save.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Jaydekoehn35
Tourist
7 0 2

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

Natasha-Saed
Shopify Partner
422 46 77

This is an accepted solution.

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.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Jaydekoehn35
Tourist
7 0 2

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

Natasha-Saed
Shopify Partner
422 46 77

You are welcome, glad I could help.

 

Have a nice day.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
TrendiVerse
Visitor
1 0 0

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!

Made4uo-Ribe
Shopify Partner
9085 2172 2681

Hi @Jaydekoehn35 

Is this solved?

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Jaydekoehn35
Tourist
7 0 2

It is not, not yet at least

Made4uo-Ribe
Shopify Partner
9085 2172 2681

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

Made4uoRibe_0-1700071058552.png

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

NickCatranis
Visitor
1 0 4

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

              <div {{ block.shopify_attributes }}>
                {%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
                {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
                  <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
                  {{ form | payment_terms }}
                {%- endform -%}
              </div>

You can remove the whole div or comment it out 

jzridgewood
Visitor
2 0 0

This worked for me. Thank you @NickCatranis 

Dalma3
Tourist
15 0 2

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

ghostfitgrant
Shopify Partner
1 0 0

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

roygaet
Shopify Partner
1 0 0

Thank you thank you!

 

ParaBooks
Visitor
1 0 0

It helped and deleted the "Pay in 4 interest-free installments for orders over $50.00 with Shop" part. However, it also deletes the product price. Is there a way to delete only that "Pay in 4" part and keep the item price? Your help is be greatly appreciated!

BLegacyapparel1
Visitor
1 0 0

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