Bestand anzeigen Syntax Fehler

Deutsch Diskussion Technische Fragen & Antworten
,

Topic summary

Problemstellung:
Ein Nutzer möchte grüne/rote Icons zur Anzeige der Produktverfügbarkeit im Shopify-Theme implementieren (ähnlich dem Impulse Theme). Beim ersten Versuch trat ein Liquid-Syntax-Fehler auf (Zeile 106), da ternäre Operatoren (? :) in Liquid nicht unterstützt werden.

Lösungsansätze:

  • App-basierte Lösung: Empfehlung spezialisierter Apps für Stock-Anzeigen als einfachste Option
  • DIY-Code: Verwendung von if-else-Statements statt ternären Operatoren, mit CSS-Styling für farbige Icons (grün bei >10 Stück, gelb bei niedrigem Bestand, rot bei Nicht-Verfügbarkeit)
  • Hinweis auf Theme-Backup und Zusammenarbeit mit Shopify-Experten

Aktuelles Problem:
Der überarbeitete Code mit JavaScript funktioniert teilweise, aber die Verfügbarkeitsinformationen werden beim Laden der Produktseite nur kurz angezeigt und verschwinden dann wieder.

Mögliche Ursachen:

  • Konflikt mit anderen Skripten, die die hidden-Class manipulieren
  • Timing-Problem: JavaScript wird möglicherweise ausgeführt, bevor alle Seitenelemente geladen sind
  • Empfehlung: Browser Developer Console auf JavaScript-Fehler prüfen, Skript ans Seitenende verschieben oder window.onload-Handler verwenden

Status: Problem ungelöst, weitere Diagnose erforderlich

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
3

Habe jetzt folgenden Code:


  {% for variant in product.variants %}
    {%- if variant == product.selected_or_first_available_variant -%}
      {% if variant.available %}
        

          
          **Auf Lager**
        

      {% else %}
        

          
          **Demnächst verfügbar**
        

      {% endif %}
    {% endif %}
  {% endfor %}

aber es funktioniert nur bedingt. Es wird beim Laden der Produktseite immer nur kurz angezeigt. Weißt du, woran das Problem liegen kann?

Hier das Preview:

https://fek39vcsq6dmqfee-46261272731.shopifypreview.com