Why does my add to cart button keep disappearing?

Technical Q&A

Topic summary

Add to cart button intermittently disappears on a Shopify store using the Debut theme; it flashes briefly then vanishes across all products. A linked product page is provided.

A helper identifies multiple JavaScript (JS) issues (supported by a screenshot) likely causing the button to hide. As a workaround, they recommend adding Cascading Style Sheets (CSS) rules to force key product form elements to display.

First CSS fix: set the submit/payment button and quantity elements to display: block for products without variants. This partially resolves the issue; products with variants still lack the button.

Second CSS fix: add an additional rule covering variant products so the submit/payment button displays. After applying both, the original poster confirms the button is working.

Actionable outcomes:

  • Add both CSS snippets at the bottom of theme.scss (the theme’s stylesheet).
  • Terms: JS = JavaScript; CSS = Cascading Style Sheets; variants = product options (e.g., size/color).

Status: Largely resolved for the original poster. A follow-up asks where to add the code; earlier guidance specifies “bottom of theme.scss.”

Summarized with AI on February 14. AI used: gpt-5.
1

My add to cart button is now missing. Not sure when this happened. I had an order placed two days ago. The add to cart button will appear just for a moment and then disappear. This is happening on all my products. Here is a link to a webpage: https://yourpatiolife.com/products/wood-garden-bridge-with-side-rails. I am using debut theme.

Any ideas on how to correct this?

1 Like
2

Zworthkey_0-1642740914124.png
Zworthkey_0-1642740914124.png1600×900 144 KB

@yourpatiolife

Welcome to the Shopify community!
Thanks for your good question.

As i can see you , in your store their are multiple issues. you have to view it and fix it.

these are the js issues, so that’s why your add to cart get disappeared.
Let me know if you need any more help. to fix it out.
we always happy to help you.

Thank you.

3

I am not sure where to go to correct this

1 Like
4 
.product-form__item.product-form__item--submit.product-form__item--payment-button.product-form__item--no-variants {
    display: block !important;
}
.product-form__item.product-form__item--quantity {
    display: block !important;
}

@yourpatiolife
Add this code on the bottom of the theme.scss

1 Like
5

That helped some of the products. If there are variants it does not show the add to cart button.

6 
.product-form__item.product-form__item--submit.product-form__item--payment-button {
    display: block !important;
}

@yourpatiolife
Add this code Also

1 Like
7

@yourpatiolife
if you need any more help then let me know.
Kindly like our Solution, if helpful.

8

Thank you for your help It seems to be working at this time

9

hi where i must add this ?