Ausverkaufte Produkte, automatisch Design/Theme ändern

Deutsch Diskussion Shopify Design
1

Hallo,

ist es möglich bei ausverkauften Produkten das Design der Produktseite automatisch ändern zu lassen, solange bis es wieder auf Lager ist? Also es soll weiterhin sichtbar sein, aber eben mit einem anderen Design/Vorlage und das bitte nicht manuell :slightly_smiling_face:

VG Nico

2

Du kannst das Liquid Object product.available verwenden um zu überprüfen, ob ein Produkt auf Lager ist und dann eine Logik der PDP hinzufügen, um ein anderes Design anzuzeigen, wenn das Produkt ausverkauft ist. Passe_ dann das CSS an_, um ausverkaufte Produkte visuell zu unterscheiden. Beispiel:

{% if product.available %}
  
  
    
    {{ product.title }}
    

{{ product.description }}

    
  

{% else %}
  
  
    # {{ product.title }}
    

{{ product.description }}

    

Leider ist dieses Produkt momentan ausverkauft.

    
    
  

{% endif %}

Shopify sollte dann die Bestandsinformationen dynamisch aktualisieren und das obige Liquid sorgt dafür, dass die PDP automatisch basierend auf dem Lagerstatus angepasst wird ohne manuelles Eingreifen. Wenn du den Kunden eine Benachrichtigung senden willst, sobald das Produkt wieder verfügbar ist, am besten eine App wie “Back in Stock”.

Und wenn du unterschiedliche Vorlagen für verfügbare und ausverkaufte Produkte verwenden möchtest, das über Produkt-Tags und Vorlagen realisieren. Erstelle eine neue Produktvorlage, wie “Sold Out Product”, passe das Design speziell für ausverkaufte Produkte an, und füge die Logik hinzu, um diese Vorlage dynamisch zuzuweisen:

{% if product.available %}
  {% section 'product-available' %}
{% else %}
  {% section 'sold-out' %}
{% endif %}
1 Like
3

Du kannst die Variante von Ben nehmen. Andernfalls kannst du auch mit Shopify Flow arbeiten, um Tags an das Produkt anzubringen. HIer bietet sich noch keine Möglichkeit, die Vorlage an sich anzupassen.

Ich täte es wie folgt machen:

  1. Prüfen, wie der Inventarstatus ist. Ist er Null (=0), dann füge den Produkttag “ausverkauft” hinzu.
  2. Produkttag “ausverkauft” definieren und überlegen, was du anzeigen möchtest.

Theoretisch kannst du mit dem Code product.tags contains “ausverkauft” sehr viel Codebasiert bauen. Auch eine komplett neue Seite. Doch dafür benötigst du etwas Codeerfahrung, um dieses zu bauen.

1 Like