Why are there empty buttons on my page?

[user3825]

In the store front for the client appears no button but oin the theme editor the button appears. I’ve tried to duplicate the theme and put it again and to open in a anonymous page also.

Same with the cart button

Can someone help me please?

[StackingContext]

Can you share a link to the page?

In the meantime, this looks like either the text is transparent or that the button’s text is the same color as the button’s background, causing this effect.

[devcoders]

Hi @user3825

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder

[Coding-with-Jan]

Hello @user3825!

This issue usually happens when there’s a button element in the theme that technically exists but doesn’t have any text or link assigned to it. Some common causes you need to look for are:

• A block or section (like “Button” or “CTA”) is enabled in the theme customizer, but the label or URL is left empty.
• An app injected a button placeholder that isn’t fully configured.
• Custom code or a theme update left behind empty anchor or button tags.

To fix this, go to Online Store → Themes → Customize, then navigate to the page where the empty buttons appear. Check each section or block for button settings and either add the missing button text and link. As a last step, inspect the theme code for empty button or link tags and remove them, or reach out to the theme’s support team for help.

If possible, you can also share your store URL so we can further investigate.

Hope this helps!

[user3825]

Here it is arcusweave.ro

[user3825]

Here it is arcusweave.ro

@user3825

Here it is arcusweave.ro

Here it is arcusweave.ro

[Asad-Mahmood]

@user3825

client appears no button but oin the theme editor the button appears. I’ve tried to duplicate the theme and put it again and to open in a anonymous page also.

The button seems to be appear clearly on my end

[suyash1]

@user3825 I think your issue is solved, I can see like below on my screen

[friends2a-technology]

This usually happens when the button text is being rendered, but its color/opacity is getting overridden on the live storefront (so you end up with a “blank bar” where the Add to cart button should be). The fact that it shows in the theme editor but not on the published page is a big clue that something is different on the live view — most commonly custom CSS, an app script, or a translation setting.

Here are a few quick things to check that typically fix it:

1) Check button text + language content

Go to Online Store → Themes → … → Edit default theme content and search for:

• “Add to cart”

• “Checkout”

• “Cart”

If those fields are empty (or only spaces), the button can render with no visible label.

2) Look for CSS overriding the button on the live site

In the storefront, right-click the “blank” button area → Inspect and check the button styles for:

• color: transparent

• opacity: 0

• font-size: 0

• visibility: hidden

• display: none

A lot of times it’s a rule coming from base.css/theme.css or an app CSS file affecting .button, .btn, .product-form__submit, or .cart__checkout-button.

A quick test: temporarily add this at the very bottom of your main CSS file:

button, .button, .btn, .product-form__submit, .cart__checkout-button {
  opacity: 1 !important;
  visibility: visible !important;
  color: inherit !important;
}

If the text suddenly appears, you’ve confirmed it’s a CSS override.

3) Disable app embeds (common cause)

Go to Online Store → Themes → Customize → App embeds and temporarily toggle off anything related to:

• sticky add to cart

• upsells

• currency/language switchers

• bundle/discount apps

• custom checkout/cart drawers

Then check the storefront again. Some apps inject CSS/JS only on the live theme.

4) Make sure “Buy button / payment button” isn’t hiding ATC

If your theme has settings for dynamic checkout buttons, try toggling:

• Dynamic checkout button ON/OFF

• “Show payment icons” ON/OFF
  Sometimes a layout bug collapses the button label layer.

5) Hard refresh / cache

Sounds basic, but do one proper test:

• open storefront in incognito

• hard refresh (Ctrl+F5)

• test on mobile too