Shopify Dawn Theme: Produktverfügbarkeit anzeigen lassen

Topic summary

Anzeige der Produktverfügbarkeit und Lieferzeit im Shopify-Dawn-Theme.

  • Lösungsansatz: Über Liquid (Shopifys Template-Sprache) kann mit dem Objekt product.available eine Verfügbarkeitsanzeige eingebunden werden.
    Beispiel: {% if product.available %} Auf Lager – 1 bis 3 Tage Lieferzeit {% endif %}.
    Styling (grüne Farbe, Punkt) erfolgt via CSS.

  • Technische Hinweise: CSS-Klassen vermutlich in base.css oder theme.css anlegen. Der gezeigte Liquid-Ansatz funktioniert nur für Produkte ohne Varianten.

  • Varianten (Sets wie 1er/3er/5er Pack): Für variantenspezifische Verfügbarkeit ist JavaScript erforderlich, was die Umsetzung komplexer macht.
    Alternativen: Shopify-Experten beauftragen, eine App nutzen oder ein kostenpflichtiges Theme wählen, das die Funktion bereitstellt.

  • App-Vorschlag: „Prime Product Badges“ (Link geteilt) könnte diese Anzeige ggf. kostenlos ermöglichen.

  • Offene Punkte: Konkrete Umsetzung für Varianten bleibt unbeantwortet; ein weiterer Teilnehmer fragt explizit nach einer Möglichkeit für Produkte mit Varianten.

  • Medien: Ein Beispiel-Screenshot wurde geteilt, ist jedoch nicht zentral für die technische Lösung.

Status: Keine endgültige Lösung im Thread; Empfehlungen (Liquid für einfache Produkte, JavaScript/App für Varianten) liegen vor und Diskussion bleibt offen.

Summarized with AI on February 4. AI used: gpt-5.

Hallo liebe Community,

ich bin relativ neu hier & daher hoffe ich, dass ihr mir weiterhelfen könnt. Ich benutze aktuell für meinen Shopify Shop das Dawn Template und bin gerade dabei meine Produktseiten aufzubauen.

Ich würde gerne die Lieferzeit bzw. die Verfügbarkeit für mein Produkt anzeigen lassen. Ist sowas beim Dawn Theme möglich? Wünschenswerte wäre es in der Farbe Grün, wenn das jeweilige Produkt verfügbar ist.

Quasi wie hier:

Bildschirmfoto 2022-08-01 um 14.56.40.png

Lässt sich so etwas einfügen über ein liquid?

Schon mal vielen Dank für eure Hilfe!

Liebe Grüße

@Reiseschmaus korrekt, dass lässt sich über LIQUID einbauen. Hierfür musst du das product.available Object nutzen.

{% if product.available %}
Auf Lager - 1 bis 3 Tage Lieferzeit 

{% endif %}

Den Punkt und die Schriftfarbe (also das Sytling) musst du über CSS definieren.
Außerdem musst du bedenken, dass dieser Code nur für Produkte ohne Varianten funktioniert.

Sind deine CSS/HTML Kenntnisse ausreichend um die notwendigen CSS-Klassen zu erstellen?

Hallo Finer,

vielen Dank für die Hilfe. Grundsätzlich beherrsche ich ein paar CSS / HTML Kenntnisse. Kannst du mir vielleicht denn noch sagen, wo ich die Klasse einbauen muss für den Punkt und mit welchem Inhalt?

Das wäre super.

Wäre es außerdem möglich, wenn ich z.B. das Produkt auch als Set verkaufe über Auswahlmöglichkeiten (1er Pack, 3er Pack, 5er Pack) die Produktverfügbarkeit anzeigen zu lassen?

Liebe Grüße

@Reiseschmaus ich bin mir bei Dawn nicht absolut sicher aber ich meine man kann die CSS Klassen in der base.css oder theme.css definieren.

Wenn das für Varianten, wie deine Sets funktionieren soll, muss man das mit JavaScript erweitern. Das macht es insgesamt etwas komplexer und lässt sich nicht einfach hinterlegen.

Du könntest dafür entweder einen Shopify Expert engagieren, eine App oder ein kostenpflichtiges Theme verwenden, welches diese Funktion anbietet.

folgende App sollte das ggf. kostenfrei ermöglichend:

https://apps.shopify.com/prime-product-badges?locale=de

Ich hänge mich hier mal dran …
Gibt es auch eine Möglichkeit für Produkte mit Varianten?