Cart design, shoppay and paypal button dissapeared

Topic summary

Problem: After adding CSS to make cart buttons full-width, the accelerated checkout buttons (Shop Pay, PayPal) in the cart (AJAX) often fail to appear, or flash briefly then disappear.

Details:

  • CSS added: .ajax-cart__button-view_cart and .ajax-cart__button-submit set to width: 100%. Removing this did not resolve the issue.
  • Behavior is inconsistent across devices; sometimes visible, mostly not. Clearing cookies didn’t help. A brief appearance occurs when pressing a “+” control, suggesting a possible JavaScript/UI conflict.

Checks and context:

  • A responder saw the buttons working and shared a screenshot, indicating the issue may be environment- or theme-specific.
  • On the Dawn theme, buttons show correctly; on a custom theme (and some older themes), they don’t. This points to a theme-related problem introduced after recent code updates.
  • Shopify Payments is believed correctly configured.

Outcomes:

  • No definitive fix identified; key cause remains unresolved.
  • Temporary decision: hide the accelerated checkout buttons, as customers (mainly in the Netherlands) weren’t using them.
  • Another participant reports similar symptoms (icons missing, color-only buttons). Discussion remains open.
Summarized with AI on January 4. AI used: gpt-5.

Colleague of mine found out that it is there but it does not show, when you press on the + button it shows the shoppay and paypal for a second then it dissapears again