Remove "add cart/buy now" buttons (Debut Theme)

Store Design
1

Hi, everyone!

I am creating a business which is based on recurring payments. I am from Brazil and here we can’t use Shopify checkout to recurring payments, because here we don’t have Shopify Payments. So I need to remove my “add cart/buy now” buttons and replace it for a new button that redirects my clients to my gateway recurring payments link.

I use the following code to do it:

.product__form-container { display: none!important; }

#shopify-section-product-template .product-single__meta .btn.product-form__cart-submit.btn--secondary-accent {
display: none;
}
#shopify-section-product-template .product-single__meta .shopify-payment-button {
display: none;
}

But a blank space remains before the new button:

Captura de Tela 2021-10-04 às 13.44.46.png
Captura de Tela 2021-10-04 às 13.44.46.png2880×1800 529 KB

What should I do?

Thanks so much,

Ana.

2

Hi @Surpraize

Would you mind sharing your store’s URL so we can provide a solution for that? Cheers!

3

Sure! http://surpraize.com/

Do you need the password?

4

Yes @Surpraize , you can share this privately if you’d like!

5

Hi @Surpraize

Add the following code to your theme.css file:

.product-form, .product-form-product-template, .product-form--payment-button-no-variants {
    display: none;
}

Let us know if that works!

6

Yes, it works! Thanks so much!

By the way, do you know how can I put the “+” itens in separated lines, like a list? Even if I click enter, it does not work :confused:

Captura de Tela 2021-10-04 às 19.07.18.png
Captura de Tela 2021-10-04 às 19.07.18.png2880×1800 466 KB

7

And also put in a different color for this block?