FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

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

Gelöst

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

mikesch23
Entdecker
28 1 6

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
19233 3006 4433

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
19233 3006 4433

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
28 1 6

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
19233 3006 4433

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