FROM CACHE - de_header
Gelöst

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

mikesch23
Entdecker
17 1 4

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. Bild_2024-02-05_190907451.png

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
15963 2533 3778

Erfolg.

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>

 

image.png

 

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.

 

image.png

 

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

3 ANTWORTEN 3

Gabe
Shopify Staff
15963 2533 3778

Erfolg.

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>

 

image.png

 

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.

 

image.png

 

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

mikesch23
Entdecker
17 1 4

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
Shopify Staff
15963 2533 3778

giphy

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog