How do I remove the "More payment options" content under the purchase button on the product page in

Store Design
, , ,

Topic summary

A user seeks to remove the “More payment options” text appearing below the purchase button on product pages in Shopify’s Sense theme.

Solutions Provided:

Multiple community members offered CSS-based solutions:

  • JavaScript approach: Add a script to the theme.liquid file before the </body> tag that targets and hides the element
  • CSS approach: Add custom CSS to the base.css file:
more-payment-options-link {
    display: none;
    visibility: hidden;
}

Outcome:

The issue appears resolved. The original poster thanked multiple respondents, and another user confirmed one of the solutions worked for them. All proposed solutions involve hiding the element through either custom CSS or JavaScript inserted into the theme files.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

How do I remove the “More payment options” content under the purchase button on the product page in Shopify’s Sense theme?

PixPin_2025-01-12_15-42-00.png
PixPin_2025-01-12_15-42-00.png509×224 7.22 KB

2

@CRART Can you please share this page link?

3

https://crartcase.com/products/custom-phone-cases

4

Hi @CRART

Please try to add this code to theme.liquid file before and check again
5

Hi @CRART ,

I have written custom CSS for this solution. Please follow below steps and let me know your feedback.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code just above tag

theycallmemakka_0-1737083569903.png
theycallmemakka_0-1737083569903.png1773×424 392 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

6

@CRART please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

more-payment-options-link {
    display: none;
    visibility: hidden;
}
1 Like
7

thanks

1 Like
8

thanks

1 Like
9

You are very welcome!

10

This worked for me. Thanks!