Disappeared: Add To Cart Button

[sofiapc]

Hello,

We noticed that the "Add to Cart" button has disappeared from our product pages when we create new pages:

https://onetreeplanted.org/collections/canada/products/copy-of-quebec-test

This is how the page is supposed to look like (old version of page):

https://onetreeplanted.org/collections/canada/products/quebec

Could this have something to do with the "Gift Wizard" app (which is responsible for showing the "Gift These Trees" button)?

Any help/feedback would be appreciated.

Thank you in advance!

Note: we did not make any updates or install new apps recently. The most recent update was from "PageFly" app 2 weeks ago.

[Paul_West]

There is some css that says:

form[action^="/cart/add"] [type=submit] {
    visibility: hidden;
}

which is causing the button to be hidden (it's there, just not visible).

This css has to be generated by the theme for some reason, so I presume maybe there is a setting or something that caused the button to be switched off? Possibly because the 'gift' button is active?

[sofiapc]

Hello Paul,

Thank you for your reply!

Yes, in fact, it appears that the button is there, but being hidden by the CSS.

Is there a way to find out why this is happening?

We tried looking in the styles.scss.liquid file but were not able to find any code that is hiding the button.

Thanks again!

[PSD_Webdesigns · Accepted solution]

Hello @sofiapc 

Please paste below code in style file and check.

form[action^="/cart/add"] .purchase-details__buttons #ergeergds[type=submit] {
    visibility: visible;
}

Above solution is the alternative solution to your queries. To fix the actual functionality, we have to debug the code and also, we have to check the settings.

Please let me know if you have any question. 

[sofiapc]

Hi @PSD_Webdesigns,

Yes, that seems to have worked, thank you!

Also, in terms of fixing the actual functionality, where would I go to check the settings?

Thanks again!

[Ste9h]

Hi,

This is also happening in my store which has Atlantic theme. I did add some code due to a Google issue which may have impacted it. I can't seem to fix it any help would be appreciated:

enahnce-confidence.myshopify.com

Kind Regards,

Steph