Remove/hide Sold out Badge for out of stock Products

In base.css file, add this code at the bottom:

.grid__item .card-wrapper:has(.price--sold-out) .card--media .card__badge {

display: none !important;

}

• Related Articles

• Hide products from Google & Shopify Search

  1. Access Your Shopify Admin Log in to your account to enter the backend of your store. Familiarize yourself with the intuitive Shopify admin page and interface, setting the stage for effortless product management. Think of it as your store's control ...

• Change Sale Badge to % off

  In card-product.liquid {% comment %} {{- 'products.product.on_sale' | t -}} {% endcomment %} {%- assign percent = card_product.compare_at_price | minus: card_product.price | times: 100 | divided_by: card_product.compare_at_price | round -%} Save {{ ...

• Hide products in all collection

  Add this code in main-collection-product-grid.liquid: {% for product in collection.products %} {% unless product.metafields.seo.hidden.value == 1 %} {% render 'product-card', product: product %} {% endunless %} {% endfor %}

• Selling digital products

  Along with physical goods, you can also sell digital goods on your Shopify store. Digital goods are often available to the customer immediately after they make their purchase. Some common digital products are online services and downloadable files, ...

• Adding and updating products

  You can add new products, or update product information such as price, variants, and availability, from the Productspage in your Shopify admin, or in the Shopify app.