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
420 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 16 (16)

Natasha-Saed
Shopify Partner
420 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
420 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
420 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
420 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
420 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
6978 1661 2051

Hi @Jaydekoehn35 

Is this solved?

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Jaydekoehn35
Tourist
7 0 2

It is not, not yet at least

Made4uo-Ribe
Shopify Partner
6978 1661 2051

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

NickCatranis
Visitor
1 0 1

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
1 0 0

This worked for me. Thank you @NickCatranis 

Dalma3
Visitor
3 0 0

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