Wer zum ersten Mal ein personalisiertes Produkt veröffentlicht, bemerkt meist, was fehlt: Jetzt kaufen ist weg, und die Schaltfläche In den Warenkorb legen des Themes ebenfalls. Das ist Absicht. Diese Anleitung erklärt den Grund, damit du es von einem Theme unterscheiden kannst, das wirklich kaputt ist.
Was übernommen wird und was nicht
Ein personalisierter Artikel muss mit seinem Design in den Warenkorb kommen, mit den Werten, die der Käufer eingegeben hat, und mit einer Signatur über den berechneten Preis. Das schafft nur das eigene Element des Customizers. Die Schaltfläche des Themes legt eine einfache Variante in den Warenkorb.
Wären beide aktiv, wäre der schnellste Weg zum Checkout also der, auf dem alles verloren geht, was der Käufer gerade gestaltet hat, und ihr beide würdet es erst in der Produktion merken. Indem die nativen Elemente ausgeblendet werden, entfällt dieser Weg.
Es bleibt geschlossen, wenn etwas schiefgeht
Der Schutz besteht nicht nur aus JavaScript. Der Block blendet diese Elemente mit seitenbezogenem CSS aus, das Shopify rendert, bevor irgendetwas lädt, und der Kaufschutz bleibt für die gesamte Lebensdauer der Seite aktiv.
Das heißt: Ein blockiertes Skript, ein langsames Netzwerk oder ein Inhaltsblocker können den nativen Weg nicht versehentlich öffnen. Im schlimmsten Fall lässt sich ein Produkt nicht kaufen, und das erfährst du. Leere Bestellungen dagegen würdest du nicht bemerken.
Auch die Variantenauswahl wandert
Die Auswahlelemente für Größe und Farbe deines Themes werden durch die des Customizers ersetzt, damit der Käufer die Variante an derselben Stelle wählt wie alles andere. So bleiben außerdem Auswahl und Design im Gleichschritt, was wichtig ist, wenn eine Variante ein eigenes Motiv hat.
Hast du für ein Produkt festgelegt, dass die native Variantenauswahl sichtbar bleibt, wird diese Einstellung beachtet. Die Kaufelemente bleiben in beiden Fällen abgedeckt.
Wenn wirklich etwas kaputt ist
Du erkennst den Unterschied daran, was auf der Seite zu sehen ist.
- Der Customizer ist da, die nativen Schaltflächen sind weg. Das ist so gewollt. Kaufe über die eigene Schaltfläche des Customizers.
- Es ist nichts da: kein Customizer, keine Schaltflächen. Das ist ein Platzierungs- oder Ladeproblem und hat damit nichts zu tun. Siehe Theme-Platzierung beheben.
- Die nativen Schaltflächen sind bei einem personalisierten Produkt da. Melde das. Das ist der einzige Zustand, der nicht vorkommen sollte, denn auf diesem Weg geht die Personalisierung verloren.
Häufige Fragen
Kann ich Jetzt kaufen bei einem personalisierten Produkt wieder einschalten?
Nein, und es ist die eine Einstellung, die man besser nicht haben will. Eine darüber aufgegebene Bestellung hätte kein Design angehängt.
Betrifft das Shop Pay bei meinen anderen Produkten?
Nein. Die Übernahme gilt nur für den Bereich des personalisierten Produkts, alles andere in deinem Shop behält seine normalen Schaltflächen.
Mein Theme zeigt unter dem Customizer eine zweite Schaltfläche In den Warenkorb.
Das ist ein Theme, dessen Markup die Eingrenzung nicht erkennt. Melde es mit Name und Version des Themes, damit die Selektoren es abdecken können.
Wie ist es im Modus Verknüpft?
Verknüpft lässt deine Produktseite so, wie dein Theme sie gebaut hat, weil der Käufer nichts ausfüllen muss. Siehe Verknüpft, Eingebettet oder Vollbild wählen.
Sieht ein Käufer mit ausgeschaltetem JavaScript etwas?
Er sieht das Produkt ohne Kaufelemente und einen Hinweis, dass JavaScript nötig ist, um den Customizer zu nutzen.
Weiter
Lies Verknüpft, Eingebettet oder Vollbild wählen für den Modus, der bestimmt, wie viel übernommen wird, oder Der Customizer-Theme-Block für den Block selbst.