FROM CACHE - de_header
Gelöst

Darstellung der Anzahl von Produkten in Kategorien ausblenden (Debut-Theme)

Playces
Tourist
11 0 3

Hallo,

die Darstellung einer Kategorie beinhaltet im Debut-Theme standardmäßig auch die Anzahl der Produkte (hier 64, siehe Anhang). Ich möchte diese Zeile aber nicht abbilden, wie kann ich sie ausblenden?

 

Danke für eure Hilfe!

 

screen.png

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
17452 2764 4079

Erfolg.

Hey @Playces 

Das ist nicht super wenn alle deine Bestandsmenge sehen können denn nicht jeder möchte diese Zahl öffentlich anzeigen, da hast du recht.

Du kannst das selber DIY versuchen aber bitte zuerst in einer Theme Kopie. Das auch aus dem Grund, dass nicht alle Code Snippets unten aufgelistet unbedingt klappen werden da das Debut Theme ggf. eine bestimmte Code Struktur verlangt. Aber probieren geht über studieren denn das kann etwas Trial & Error verlangen 😉

Probiere es also mit den folgendem css am Ende der assets/theme.css:

span.filters-toolbar__product-count {
display: none;
}

Oder eben diesen Code:

/* hide product count on collection pages */
.filters-toolbar__product-count {
    display: none;
}

Wenn du sie einfach aus dem HTML entfernen möchtest, suche stattdessen die Abschnittsdatei collection-template.liquid. In dieser Datei wird eine Sektion wie diese sein:

<div class="filters-toolbar__item filters-toolbar__item--count">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>

Du kannst das mit einen Comment Tag {% comment %} einschließen und auskommentieren, um zu verhindern, dass es im HTML des Shops angezeigt wird:

{% comment %}
<div class="filters-toolbar__item filters-toolbar__item--count">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>
{% endcomment %}

Du kannst den Code auch löschen, aber ein Kommentar macht es dir leichter, es später wieder hinzuzufügen. Wenn du dich mit der Bearbeitung von Code nicht auskennst, kannst du es auch, wie gesagt, erst einmal mit einer Kopie des Themes testen.

Wir habe auch Experten hier wie @r8r die dir dabei helfen können. 

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

13 ANTWORTEN 13

Gabe
Shopify Staff
17452 2764 4079

Erfolg.

Hey @Playces 

Das ist nicht super wenn alle deine Bestandsmenge sehen können denn nicht jeder möchte diese Zahl öffentlich anzeigen, da hast du recht.

Du kannst das selber DIY versuchen aber bitte zuerst in einer Theme Kopie. Das auch aus dem Grund, dass nicht alle Code Snippets unten aufgelistet unbedingt klappen werden da das Debut Theme ggf. eine bestimmte Code Struktur verlangt. Aber probieren geht über studieren denn das kann etwas Trial & Error verlangen 😉

Probiere es also mit den folgendem css am Ende der assets/theme.css:

span.filters-toolbar__product-count {
display: none;
}

Oder eben diesen Code:

/* hide product count on collection pages */
.filters-toolbar__product-count {
    display: none;
}

Wenn du sie einfach aus dem HTML entfernen möchtest, suche stattdessen die Abschnittsdatei collection-template.liquid. In dieser Datei wird eine Sektion wie diese sein:

<div class="filters-toolbar__item filters-toolbar__item--count">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>

Du kannst das mit einen Comment Tag {% comment %} einschließen und auskommentieren, um zu verhindern, dass es im HTML des Shops angezeigt wird:

{% comment %}
<div class="filters-toolbar__item filters-toolbar__item--count">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>
{% endcomment %}

Du kannst den Code auch löschen, aber ein Kommentar macht es dir leichter, es später wieder hinzuzufügen. Wenn du dich mit der Bearbeitung von Code nicht auskennst, kannst du es auch, wie gesagt, erst einmal mit einer Kopie des Themes testen.

Wir habe auch Experten hier wie @r8r die dir dabei helfen können. 

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

Playces
Tourist
11 0 3

Wow, vielen Dank für die umfangreichen Tipps! Was soll ich sagen: Der erste hat direkt zum Ziel geführt!

Vielen Dank und viele Grüße

Gabe
Shopify Staff
17452 2764 4079

@Playces 

Klasse! Freut mich... 🙂

VG,

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

Gluecksboutique
Forscher
52 0 12

Hallo @Gabe ,

hat sich hier etwas geändert? Bei uns funktioniert es leider nicht 😕

bzw finden auch nicht wenn wir es löschen möchten den richtigen zugang.

Liebe Grüße

Julia

Gabe
Shopify Staff
17452 2764 4079

@Gluecksboutique 

 

Was genau funktioniert nicht? Könntest du konkrete Beispiele senden, dein Theme, und/oder Links? Ansonsten stehen wir hier im Dunklen ¯\_(ツ)_/¯

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

Gluecksboutique
Forscher
52 0 12
Wo genau muss der Code eingefügt werden? damit man die Anzahl nicht mehr
sieht.

Gabe
Shopify Staff
17452 2764 4079

@Gluecksboutique 

 

Der obige Code ist fast 2 Jahre alt und für das "Legacy"  Debut Theme. Ist das auch deins? Ich müsste dein Theme wissen und was genau du erreichen möchtest und wo um dir dabei zu helfen. Beispiele und/oder Screenshots bitte! 😉

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

Gluecksboutique
Forscher
52 0 12
Hallo Gabe, sorry dachte das war schon für das korrekte theme.

Unse rist das dawn theme.


Gabe
Shopify Staff
17452 2764 4079

@Gluecksboutique 

 

Ok super, jetzt sind wir einen Schritt weiter! Das folgende bitte in einer Kopie des Dawn Live-Themes ausprobieren:

  • In der Theme Kopie, gehe in dein Theme -> Code bearbeiten
  • Suche nach Assets -> theme.scss.liquid
  • Fuege den folgenden Code ganz unten ein und speichere:

 

.collection-card__inventory span {
  display: none;
}

 

Damit wird die Bestandszahl auf der Kollektionsseite ausgeblendet, indem die Sichtbarkeit des Elements "span" auf "none" gesetzt wird. Möglicherweise musst du den CSS-Selektor an dein spezifisches Theme anpassen. 

 

ODER

 

Gehe zur "collection.liquid" oder "kategorieseite.liquid" Vorlage. Suche nach der Zeile, die die Anzeige der Produktanzahl enthält und kommentiere die Zeile aus oder löschen sie, um die Anzeige der Produktanzahl zu entfernen. Speichere die Änderungen.

 

Hier ist ein Beispiel:

 

{% comment %}

<h1>Anzeige der Produktanzahl</h1> {% endcomment %}

 

Hier ist jedoch ein Beispiel für eine solche Zeile:

 

<p class="category-header__count">{{ collection.products_count }} Produkte</p>

 

In diesem Beispiel wird die Anzahl der Produkte in der Kategorie mit der Liquid-Schleife {{ collection.products_count }} angezeigt. Die Klasse "category-header__count" kann verwendet werden, um die Anzeige mittels CSS zu formatieren.

 

Wenn das klappt dann im Live Theme machen. Beachte aber, dass Code Löschungen dich aus den Dawn Theme Updates ausschließen können und somit sind Comment Tags immer besser.

 

Ansonsten kann dir ein Experte helfen und gerne kann ich welche empfehlen!

 

VG,

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

Gluecksboutique
Forscher
52 0 12
Danke Gabe, hat leider nicht geklappt aber vielelicht habe ich auch
nicht den richtigen punkt zum einfügen gefunden.

Probiere es die Tage nochmals.

Gabe
Shopify Staff
17452 2764 4079

@Gluecksboutique 

 

Ok probiere folgendes:

 

In Testumgebung, gehe zu  'Snippets > facets.liquid' file

2. Suche ({{ value.count }}) und auskommentieren >> https://prnt.sc/OXxpx0ynVUJH

3. Speichern!


Habt ihr schon über Ostern nachgedacht? Warum nicht etwas "Easter Egg Gamification" im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!

Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

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

katja_k
Neues Mitglied
6 0 0

Hallo Gabe,

ich würde auch gerne bei mir im Onlineshop die Produktanzahl auf der Kategorieseite ausblenden. Leider hat es mit deinen vorherigen Antworten nicht geklappt. Ich habe das Focal Theme. Kannst du mir hier weiterhelfen? Danke schonmal!

Gabe
Shopify Staff
17452 2764 4079

Hey @katja_k 

 

Ich nehme an du meinst den Product Count Facet, wie hier aus meinem eigenen Focal Test-Theme abgebildet, ist das richtig?

 

 

Um den Facet auszublenden, verlangt etwas CSS und du kannst unsere Anleitung dafür hier verwenden.

 

Hier ist etwas CSS das in meinem Focal Test-Theme gefunzt hat:

 

 

Hier der CSS:

 

.product-facet__meta-bar-item--count {
  display: none;
}

 

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

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

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