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

[Playces]

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!

[Gabe · Accepted solution]

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. 

[Playces]

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]

@Playces 

Klasse! Freut mich... 🙂

VG,

[Gluecksboutique]

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]

@Gluecksboutique 

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

[Gluecksboutique]

Wo genau muss der Code eingefügt werden? damit man die Anzahl nicht mehr
sieht.

[Gabe]

@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! 😉

[Gluecksboutique]

Hallo Gabe, sorry dachte das war schon für das korrekte theme.

Unse rist das dawn theme.

[Gabe]

@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,

[Gluecksboutique]

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]

@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.