Wenn ein Kunde eine Produktseite in deinem Onlineshop besucht, wird standardmäßig die erste verfügbare Variante ausgewählt. Du kannst die Anpassung Kunden zur Auswahl einer Option auffordern verwenden, um die automatische Auswahl der ersten verfügbaren Variante zu deaktivieren. Auf diese Weise wird der Kunde aufgefordert, eine Variante manuell auszuwählen, bevor eine Variante angezeigt wird.
Wenn du die Option Kunden zur Auswahl einer Option auffordern verwendest, wird in deinem Theme möglicherweise erst ein Produktpreis angezeigt, nachdem dein Kunde eine Variante ausgewählt hat. Produkte mit Varianten haben keinen Angebotspreis. Der angezeigte Preis wird durch die ausgewählte Variante bestimmt.
Die Schritte für diese Anpassung variieren je nach deinem Theme. Klicke auf die Schaltfläche für dein Theme, bevor du die nachstehenden Anweisungen befolgst:
Boundless
Schritte für Boundless
Befolge diese Schritte, um die Anpassung auf Boundless anzuwenden:
Bearbeitee die JavaScript-Datei deines Themes
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Klicke in der Übersicht Assets auf theme.js oder theme.js.liquid.
Suche den Code initVariantSelectors. Füge darunter den folgenden Code hinzu:
Füge den folgenden Code in einer neuen Zeile darunter hinzu:
Suche den Code {% schema %}. Füge darüber den folgenden Code in einer eigenen Zeile ein:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Debut
Schritte für Debut
Befolge diese Schritte, um die Anpassung auf Debut anzuwenden:
Bearbeitee die JavaScript-Datei deines Themes
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Klicke in der Übersicht Assets auf theme.js oder theme.js.liquid.
Füge den folgenden Code am Ende der Datei hinzu:
Suche den Code _updatePrice: function(variant). Ersetze den folgenden Code:
mit:
Wenn du den oben aufgeführten Code nicht finden kannst, suche nach dem folgenden Code:
Ersetze ihn mit:
Suche nach dem Code this.currentVariant = variant;
Füge unten den folgenden Code hinzu:
Das Ergebnis sollte etwa so aussehen:
Suche den Code _updateImages: function(variant). Ersetze den folgenden Code:
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Minimal
Schritte für Minimal
Befolge diese Schritte, um die Anpassung auf Minimal anzuwenden:
Bearbeitee die JavaScript-Datei deines Themes
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Klicke in der Übersicht Assets auf theme.js oder theme.js.liquid.
Suche den Code initProductVariant: function() {. Füge darunter den folgenden Code hinzu:
Füge den folgenden Code in einer neuen Zeile darunter hinzu:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Die Vorlage deiner Produktseite bearbeiten
So bearbeitest du die Vorlage deiner Produktseite:
Klicke in der Übersicht Abschnitte auf product-template.liquid.
Suche den Code {% schema %}. Füge darüber den folgenden Code in einer eigenen Zeile ein:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Narrative
Schritte für Narrative
Befolge diese Schritte, um die Anpassung auf Narrative anzuwenden:
Bearbeitee die JavaScript-Datei deines Themes
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Klicke im Verzeichnis Assets auf custom.js.
Füge den folgenden Code am Ende der Datei hinzu:
Klicke auf Speichern.
Die Vorlage deiner Produktseite bearbeiten
So bearbeitest du die Vorlage deiner Produktseite:
Klicke in der Übersicht Abschnitte auf product-template.liquid.
Suche den Code {% schema %}. Füge darüber den folgenden Code in einer eigenen Zeile ein:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Simple
Schritte für Simple
Befolge diese Schritte, um die Anpassung auf Simple anzuwenden:
Bearbeitee die JavaScript-Datei deines Themes
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Klicke in der Übersicht Assets auf theme.js oder theme.js.liquid.
Suche den Code initProductVariant: function() {. Füge darunter den folgenden Code hinzu:
Füge den folgenden Code in einer neuen Zeile darunter hinzu:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Die Vorlage deiner Produktseite bearbeiten
So bearbeitest du die Vorlage deiner Produktseite:
Klicke in der Übersicht Abschnitte auf product-template.liquid.
Suche den Code {% schema %}. Füge darüber den folgenden Code in einer eigenen Zeile ein:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Supply
Schritte für Supply
Befolge diese Schritte, um die Anpassung auf Supply anzuwenden:
Bearbeitee die JavaScript-Datei deines Themes
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Klicke in der Übersicht Assets auf theme.js oder theme.js.liquid.
Suche den Code initProductVariant: function() {. Füge darunter den folgenden Code hinzu:
Füge den folgenden Code in einer neuen Zeile darunter hinzu:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Die Vorlage deiner Produktseite bearbeiten
So bearbeitest du die Vorlage deiner Produktseite:
Klicke in der Übersicht Abschnitte auf product-template.liquid.
Suche den Code {% schema %}. Füge darüber den folgenden Code in einer eigenen Zeile ein:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Venture
Schritte für Venture
Befolge diese Schritte, um die Anpassung auf Venture anzuwenden:
Bearbeitee die JavaScript-Datei deines Themes
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Klicke in der Übersicht Assets auf theme.js oder theme.js.liquid.
Suche den Code {% schema %}. Füge darüber den folgenden Code in einer eigenen Zeile ein:
Der Code sollte etwa so aussehen:
Klicke auf Speichern.
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Schritte für Themes ohne Abschnitte
Den Dropdown-Menüs deiner Variante Aufforderungen hinzufügen
Klicke in der Übersicht Snippets auf Neues Snippet hinzufügen.
Suche das abschließende </body>-Tag gegen Ende der Datei. Füge in einer neuen Zeile direkt über dem abschließenden </body>-Tag den folgenden Code ein:
Klicke auf Speichern.
Suche die Datei, die das Formular "Zum Warenkorb hinzufügen" enthält. Es wird ein action Attribut haben, das auf /cart/add festgelegt ist. Es sollte in einer dieser vier Dateien sein:
Wenn du Minimal, Pop oder Supply verwendest, dann suche alle Instanzen, in denen dieser Code vorkommt:
Ersetze den Code durch den folgenden Code-Block:
Wenn du ein anderes Shopify-Vintage-Theme verwendest, dann suche diesen Code:
Ersetze den Code durch den folgenden Code-Block:
Klicke auf Speichern.
Ändere die Spracheinstellungen für die Schaltfläche Zum Warenkorb hinzufügen
Du kannst die Spracheinstellungen für die Schaltfläche In den Warenkorb ändern, sodass Produkte nicht als Nicht verfügbar angezeigt werden, bevor ein Kunde ein Produkt auswählt.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf ... > Standard-Theme-Inhalt bearbeiten.
Gib in der Suchleiste Artikel filtern den Text Nicht verfügbar ein, bis die Auswahl Nicht verfügbar angezeigt wird.
Ersetze den Text Nicht verfügbar durch Triff eine Auswahl.
Klicke auf Speichern.
Du hast die gesuchten Antworten nicht gefunden? Wir helfen dir gerne weiter.