How can I eliminate the out of stock button on my site?

Store Design
,

Topic summary

Goal: remove the “Ausverkauft” (out of stock) badge/button on the collection page (visible on the Orange Oat Peeling product).

Options depending on theme:

  • Using a Shopify-supported theme: Shopify’s Theme Support can help remove the out-of-stock icon using the complimentary design time included with subscriptions. Create a request via the Shopify Help Center after logging in. Community cannot provide account-specific support.
  • Using a third‑party or custom theme: contact the theme’s designers for support, or consider hiring a developer via Shopify Experts if you’re not comfortable with code.

Direct CSS approach shared:

  • Add a CSS rule in the theme files to hide the specific badge element. Path: Online Store → Theme → Edit code → Assets → base.css, then add a selector targeting the out-of-stock badge element (span#NoMediaStandardBadge-… ) and set display: none. This is a styling (CSS) change that visually removes the badge.

Status: No confirmation from the original poster; resolution not verified. Discussion remains open.

Summarized with AI on January 28. AI used: gpt-5.
1

Hi there,

How can I remove the out of stock (Ausverkauft) button here: https://taneraskin.com/collections/produkte (atm you can only see it for the Orange Oat Peeling).

Thank you!

Best,

Isa

2

Hi, @isabellemaria .

Thank you for reaching out and posting this question!

If you’re using a Shopify-supported theme, then removing the out-of-stock icon is something that our Theme Support team can help you with. As part of our design policy, you’ll be eligible to use the complimentary design time included with our subscriptions if you’re using one of our themes. While we’re unable to provide account-specific support via the Shopify Community, we’d be happy to assist you with a customization request through live chat, email, or callback. Simply visit the Shopify Help Center and log into your account to create a support request.

On the other hand, if you’re using a third-party or custom theme, then we’d recommend checking with the theme designers on getting support for your theme. If the theme designer doesn’t offer customization support, then you may need to consider hiring a developer to assist you if you’re not comfortable working with coding languages. If you need help finding a developer, then we’d recommend taking a look at our directory of certified developers on Shopify Experts.

I’ve also taken the opportunity to look at your store (taneraskin.com) and I think your store looks amazing. However, I noticed that there are a few menu items in the footer that aren’t capitalized like the rest of the menu (eg. cooperation, customer reviews, returns, etc.), and fixing this should help make your storefront look even more professional. That being said, have you considered using something like Shopify Inbox to interact with customers on your store? Also, do you have a marketing plan prepared for your store?

3

Hello @isabellemaria

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

span#NoMediaStandardBadge-template--17904032219404__product-grid-8299729846540 {
    display: none;
}