Einen Hintergrund mit Farbverlauf hinzufügen

Was ist ein Verlaufshintergrund?

A Farbverlauf-Hintergrund ist ein Hintergrund, der fließend zwischen zwei oder mehr Farben übergeht und so eine allmähliche Mischung oder Abfolge von Farbtönen erzeugt. Bei einem Farbverlauf ändern sich die Farben von einer Seite zur anderen allmählich und erzeugen so einen optisch ansprechenden und sanften Übergang.

Das Hinzufügen von Farbübergängen zu Ihren Shopify-Seiten kann auf verschiedene Weise erfolgen. Der Shopify Theme Editor ermöglicht dies, allerdings sind einige Programmierkenntnisse erforderlich.

Glücklicherweise gibt es eine Alternative: GemPages, der am höchsten bewertete Shopify-Seitenersteller, ermöglicht das schnelle und einfache Erstellen lebendiger Farbverlaufsdesigns, ohne dass eine Codierung erforderlich ist.

Wie füge ich den Elementen von GemPages einen Hintergrund mit Farbverlauf hinzu?

Befolgen Sie diese Schritte, um den Elementen von GemPages mühelos einen Farbverlaufsstil zuzuweisen:

Schritt 1: Zugriff auf den GemPages-Editor

• Navigieren Sie in Ihrem Shopify-Adminbereich zu GemPages-Ersteller app> Seiten.
• Wählen Sie Ihre bevorzugte Vorlage, um den Editor zu finden.

Schritt 2: Öffnen Sie die Einstellungen des Elements

• Klicken Sie auf das Zielelement, um die Konfigurationen in der linken Seitenleiste anzuzeigen.

• Scrollen Sie nach unten zum Hintergrund Abschnitt und wählen Sie Farbe,.

Schritt 3: Fügen Sie einen Farbverlaufshintergrund für das Element hinzu

• Wechseln Sie im Panel zum Gradient Stil, um Ihren Farbübergang zu optimieren.

• Wählen Sie Ihre bevorzugten Farben aus und ändern Sie den Farbübergang nach Ihren Wünschen, beispielsweise:
  • Ziehen Sie die vorhandenen Farbstopps (die kleinen Kreise auf der Verlaufsleiste), um die Mischung zwischen den Farben zu ändern.
  • Sie können einen neuen Farbstopp hinzufügen, um Ihr Verlaufsdesign zu optimieren, indem Sie direkt auf die Verlaufsleiste klicken.
  • Verwenden Sie die Winkelsteuerung (°), um die Verlaufsrichtung anzupassen.

Schritt 4: Speichern Sie Ihre Änderungen

Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf Gespeichert und dann Veröffentlichen um es auf Ihren Live-Shop anzuwenden.

Wie fügt man einem Button einen Hintergrund mit Farbverlauf hinzu?

Ein CTA-Button mit Farbverlauf kann die Aufmerksamkeit der Besucher sofort fesseln. So wenden Sie in GemPages einen sanften Farbverlauf auf Ihren Button an:

Schritt 1: Suchen Sie im Editor nach „Schaltfläche“ in der linken Seitenleiste. Ziehen Sie dann per Drag & Drop eine Schaltflächenelement in jede gewünschte Position.

Schritt 2: Klicken Sie auf das Element, um dessen Einstellungen zu öffnen. Scrollen Sie nach unten zum Hintergrund Abschnitt und wählen Sie Farbe,.

Schritt 3: Wählen Sie im Farbeinstellungsbereich die Gradient Option zum Hinzufügen eines Farbverlaufshintergrunds für Ihre Schaltfläche.

Schritt 4: Passen Sie die Farbmischung nach Ihren Wünschen an. Sie können eine aus den Aktuelle Farben Liste, um Aufwand zu sparen und sicherzustellen, dass der Farbverlaufshintergrund zu Ihrem Layout passt.

Schritt 5: Einmal getan, Speichern und erneut veröffentlichen Ihre Seite, um die Aktualisierungen im Schaufenster live zu schalten.

Wichtige Hinweise

Die Funktion zur Anpassung des Farbverlaufs ist derzeit für Elemente wie verfügbar: Reihe, Überschriftund Taste . GemPages Version 7.

Bei speziellen Designwünschen oder benutzerdefinierten Effekten können Sie sich gerne an unser Support-Team wenden, um die Machbarkeit zu prüfen.