In diesem Artikel erfährst du, wie du das Erscheinungsbild der Schaltfläche "Personalize Design" in deinem Shopify-Shop anpasst und wie du die Schaltflächen "In den Warenkorb legen" und "Jetzt kaufen" für Produkte, die zur Personalisierung verfügbar sind, ein- oder ausblendest.

Du hast zwei Optionen, um die Schaltfläche „Design personalisieren“ in deinem Shopify-Shop zu gestalten: mit Gelato+ oder per CSS.

Wenn du Gelato+ abonniert hast und eines der folgenden Themes verwendest – Dawn, Debut, Studio, Craft oder Simple – kannst du deinen Button direkt in deinem Gelato-Dashboard gestalten. So geht’s:

Von hier aus kannst du den Text, die Hintergrundfarbe, die Rahmenfarbe und die Textfarbe des Buttons "Personalize Design" ändern. Du kannst außerdem die Buttons "Add to Cart" und "Back to Shopping" personalisieren, die oben links und rechts in der Design Editor angezeigt werden.

Wenn du kein Gelato+‑Abo hast, kannst du die Shopify-Schaltfläche „Design personalisieren“ per CSS gestalten. In CSS kann auf die Schaltfläche über den ID-Selektor #ge-personalize verwiesen werden.

Weitere Infos dazu, wie du personalisiertes CSS hinzufügst, findest du hier. Schau dir die Doku deines Shopify-Themes an oder kontaktiere den Theme‑Entwickler für mehr Details, wie das geht.

Du kannst zum Beispiel die Farbe des Buttons auf Schwarz ändern, indem du das folgende CSS zu deinem Theme hinzufügst:

Du kannst die Schaltfläche „In den Warenkorb legen“ auch mit CSS personalisieren. In CSS kannst du die Schaltfläche über den ID-Selektor #ge-add-to-cart ansprechen. Du kannst zum Beispiel die Breite, die Farbe und die Schriftgröße der Schaltfläche „In den Warenkorb legen“ mit folgendem CSS ändern:

Du kannst auf Produktseiten, die Personalisierung erlauben, die Schaltflächen „In den Warenkorb“ und „Jetzt kaufen“ ein- oder ausblenden. Diese Einstellung findest du im Bereich Personalisierung deines Gelato-Dashboards, wie oben beschrieben.