Wie kriege ich das ,,On sale'' weg?

[mikesch23]

Sehr geehrte Damen und Herren,

auf meinem Produktbild befindet sich unten links ein leerer rechter Kästchen. Dort sollte normalerweise der Text ,,On sale'' rein. Ich habe in ,,Standard-Theme-Texte bearbeiten'' das ganze per Leertaste weggemacht, aber dann bleibt da einfach nur ein leer. Ich möchte, dass da gar kein Kästchen ist oder, wenn es möglich ist, dass das ,,On Sale'' Kästchen oberhalb des Produktbildes positioniert ist.

Kann mir da jemand eine Hilfestellung geben? Ich vermute mal, das es nur mit dem Code lösbar ist. 

Viele Grüße. 

[Gabe · Accepted solution]

Hey @mikesch23 

Danke für das Bild und das Problem der Sales/Sold Out Badges des Refresh Themes - hast du das lösen können? Frage dazu: wie hast du dein Branding in den oberen Halbkreis des Bildes eingebaut, wenn ich fragen darf? 

Das habe ich jetzt in meinem Refresh Theme in der Developer Console getestet und folgenden HTML für die Sales Badges gefunden:

<a href="/de/products/kopie-von-didabear-brand-canvas-tote-bag" id="CardLink-template--14786149122145__featured-collection-0-6950222233697" class="full-unstyled-link" aria-labelledby="CardLink-template--14786149122145__featured-collection-0-6950222233697 Badge-template--14786149122145__featured-collection-0-6950222233697">
             Kopie von Canvas-Einkaufstasche der Marke DIDABEAR
           </a>

Hier wäre zusätzlich das Kästchen in den ,Standard-Theme-Texte bearbeiten'' wo du den "On Sale" Text entfernt hast hilfreich zu wissen, sowie welcher Abschnitts-Typ das ist, oder ob das im Product Grid der Kategorieseite ist. 

Um das Problem mit dem Abzeichen auf deinem Shopify Produktbild zu beheben, gibt es verschiedene Ansätze, die du versuchen kannst. Da die vorgeschlagenen CSS-Lösungen aus einem Community-Forum Beitrag hier für mich keine Wirkung erzielt hat, und somit ist es wichtig, dass die CSS-Klasse, die du zu verbergen versuchst, korrekt identifiziert wird um die CSS-Regeln korrekt anzuwenden.

Basierend auf dem HTML-Code, scheint das Abzeichen mit der Klasse card__badge und möglicherweise auch badge--bottom-left oder color-background-1 verbunden zu sein. Du könntest versuchen, eine spezifischere CSS-Regel zu verwenden, um sicherzustellen, dass das Abzeichen korrekt angesprochen und versteckt wird. Versuche folgenden CSS-Code in deinem Theme-Editor im Bereich Benutzerdefiniertes CSS einzupflegen:

.card__badge.top.left, .badge--bottom-left {
    display: none !important;
}

Dieser hat bei mir geholfen die Sales Badges zu entfernen! Dieser Code zielt darauf ab, Elemente mit der Klasse card__badge zu verstecken, die zusätzlich als oben links (top left) positioniert gekennzeichnet sind, sowie jedes Element mit der Klasse badge--bottom-left, allerdings mit einer spezifischeren Positionierung, um das Risiko einer unbeabsichtigten Auswirkung auf andere Elemente zu minimieren.

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Habt ihr auch den Shop auf den Valentinstag 🫶 umgestellt? Jetzt ist die Zeit wo Online Shopper nach 🎁 für ihre ❤️ 👀!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

[mikesch23]

Hey Gabe, danke dir für deine Hilfe. Es hat bei mir funktioniert. Ich habe es wegbekommen! Das Branding im oberen Halbkreis hat mir ein Typ von Fiverr eingebaut. Wie genau er das gemacht hat, weiß ich nicht. Bestimmt mit Adobe oder so! Alles Gute dir sonst noch. 

[Gabe]