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
Topic summary
A user wants to remove the “Pay in 4 interest-free installments” Shop Pay messaging from their Dawn theme product page, believing it may be hindering sales.
Initial CSS Solutions:
- First attempt: Adding
.shopify-installments {display: none !important;}to base.css - This didn’t fully work, requiring additional code:
.vtl-pl-main-widget {display: none !important;} - Final CSS fix that worked:
#product-form-installment-template--21556322992429__main {display: none !important;}
Alternative Code Removal Method:
- Navigate to
main-product.liquid(around line 120) - Delete or comment out the entire
<div>block containing the payment_terms form - This method removes the code entirely rather than hiding it with CSS
Current Status:
- Original poster’s issue resolved using CSS
- Multiple users confirmed the liquid file editing method works across Dawn, Spotlight, and Broadcast themes
- One user reported the solution removed both the installment text and product price, seeking a more targeted fix
- Discussion remains helpful for others encountering similar issues with different themes
1 Like
Hi,
Just wanted to check if I understood correctly you want to remove the payout details as the image below ?
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.
-
Go to online store
-
Edit Code
-
Open your base.css file
-
Paste the following code at the end of the file:
.shopify-installments {display: none !important;}
- Save.
Let me know if it work by marking it as a solution.
Is this solved?
I appreciate the help but this did not work as the Shop icon and payment installments sections has no been deleted
It is not, not yet at least
Yes sorry I thought you want only the top text please add this code instead
-
Go to online store
-
Edit Code
-
Open your base.css file
-
Paste the following code at the end of the file:
.shopify-installments {display: none !important;}
.vtl-pl-main-widget {display: none !important;}
- Save.
Hm on my end nothing is changing? Is there any other possible coded solutions?
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.
This finally worked on my end. Thank you for the persistence!
You are welcome, glad I could help.
Have a nice day.
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!
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
This worked for me. Thank you @NickCatranis
Thank you! This also worked for me in Spotlight theme. My first time editing code in Shopify. 
I am trying to do the same think for my product in the broadcast theme. Any advice?
Thank you thank you!
This didn’t work for me would you be able to provide me with another way to get rid of this payment installment plan