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

[Jaydekoehn35]

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

[Natasha-Saed]

Hi,

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

[Jaydekoehn35]

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]

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.

[Jaydekoehn35]

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

[Natasha-Saed]

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

5) Save.

[Jaydekoehn35]

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

[Natasha-Saed · 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.

[Jaydekoehn35]

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

[Natasha-Saed]

You are welcome, glad I could help.

Have a nice day.

[TrendiVerse]

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]

Hi @Jaydekoehn35 

Is this solved?

[Jaydekoehn35]

It is not, not yet at least

[Made4uo-Ribe]

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

[NickCatranis]

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]

This worked for me. Thank you @NickCatranis 

[Dalma3]

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

[ghostfitgrant]

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