How can I remove the Checkout button from the Empire Theme?

Store Design
,
1

Hi!

Need help removing the “Checkout” button. When someone clicks “Add to Cart” on the Quick Shop or product page, a drop-down window appears with that button. I don’t want people to skip the cart page. Can anyone tell me where to find the line of code to remove it?

website link

Captura de pantalla 2023-09-22 a la(s) 17.34.14.png
Captura de pantalla 2023-09-22 a la(s) 17.34.14.png2864×1356 369 KB

Thank you!

1 Like
2

Hi @Raymi_1

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
button.button-primary.atc-button--checkout.mdc-ripple-surface.mdc-ripple-upgraded {
    display: none;
}
1 Like
3

Hi @Made4uo-Ribe ! Thank you very much for the solution, I pasted it at the end of the ripple.css.liquid file and it worked perfectly.

Thank you very much again.