Change the 'Sale' in the right corner of a product on the collection page

[blasoo]

I would like to change the ‘sale’ badge into ‘Neu’. On the collection page and home page, so not on the product page. See picture:

[Made4uo-Ribe]

Hi @blasoo ,

Would you mind to share your URL website? with password if its protected. Thanks!

[blasoo]

blasoo.com

[Made4uo-Ribe]

Thank you for the information. Sorry I read it late. For this change that only showed on the home page and collection page you need to have liquid code. So it wont change on the product page. I can help you with the changes with Badge, But I cant help you with the product page not to change.

Here’s the code anyway.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

.card__badge.top.left:after {
    content: "Neu";
    border: 1px solid transparent;
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    line-height: 1;
    padding: 0.5rem 1.3rem 0.6rem;
    text-align: center;
    background-color: #0047ab;
    color: white;
    word-break: break-word;
}
.card__badge.top.left span {display: none;}

Result: