Der EDD Warenkorb-Block ermöglicht es Ihnen, eine angepasste Warenkorbseite für Ihren Easy Digital Downloads-Shop zu erstellen. Dieser Block zeigt den Warenkorbinhalt mit vollständiger Kontrolle über Styling, Layout und visuelle Darstellung an und hilft Ihnen, ein professionelles Warenkorb-Erlebnis zu schaffen, das zu Ihrer Marke passt.
Eine gut gestaltete Warenkorbseite ist entscheidend für den Abschluss von Verkäufen und die Reduzierung von Warenkorbabbrüchen. Mit diesem Block können Sie jeden Aspekt des Erscheinungsbilds Ihres Warenkorbs anpassen, von der Kopfzeilen-Typografie und den Schaltflächenstilen bis hin zu Produktlisten und Preisangaben. Erstellen Sie eine Warenkorbseite, die Vertrauen schafft und Kunden reibungslos zur Kasse führt.
Hinzufügen des EDD Warenkorb-Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen EDD Warenkorb-Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter Design > Blöcke > Easy Digital Downloads den Warenkorb-Block in den gewünschten Bereich Ihrer Seite.
Der EDD Warenkorb-Block befindet sich unter Easy Digital Downloads und kann hinzugefügt werden, um eine benutzerdefinierte Warenkorbseite zu erstellen.
Schritt 2: Design anpassen
Klicken Sie nach dem Hinzufügen auf den EDD Warenkorb-Block, um seine Einstellungen zu öffnen. Im Tab Stile können Sie das visuelle Erscheinungsbild Ihres Warenkorbs anpassen.
Kopfzeilen:
- Typografie: Steuern Sie die Schriftarteigenschaften für Warenkorb-Kopfzeilen wie „Ihr Warenkorb“ oder Abschnittsüberschriften, einschließlich Schriftfamilie, Größe, Schriftschnitt und Stil
- Kopfzeilenfarbe: Legen Sie die Farbe für den Kopfzeilentext fest, um sie an Ihre Marke anzupassen
Schaltflächen:
- Schaltflächenstil: Wählen Sie die visuelle Gestaltung für Warenkorb-Schaltflächen wie „Warenkorb aktualisieren“ oder „Zur Kasse gehen“. Optionen sind Flat (modernes flaches Design), 2D (subtile Tiefe), Vintage (klassischer Look), Ghost (transparent mit Rahmen) oder Link (einfacher Textlink)
- Schaltflächenfarbe: Legen Sie die Hintergrundfarbe für die Aktionsschaltflächen des Warenkorbs fest
- Radius des Rahmens: Passen Sie die Rundung der Schaltflächenecken an. Höhere Werte erzeugen rundere Schaltflächen, während Null scharfe Ecken erzeugt
Warenkorb:
- Warenkorb-Rahmenfarbe: Legen Sie die Farbe für die Rahmen um die Warenkorb-Tabelle und Elemente fest
- Warenkorb-Rahmenbreite: Passen Sie die Dicke der Rahmen (Oben, Rechts, Unten, Links) um die Warenkorb-Elemente an
- Hintergrundfarbe: Legen Sie die Hintergrundfarbe für die Warenkorb-Tabelle oder den Container fest
- Produkttextfarbe: Wählen Sie die Farbe für Produktnamen und Beschreibungen im Warenkorb
- Produkt-Typografie: Steuern Sie die Schriftarteigenschaften für Produktnamen und Beschreibungen
- Preis-Textfarbe: Legen Sie die Farbe für Preisangaben im Warenkorb fest
- Preis-Typografie: Passen Sie die Schriftarteigenschaften für Preise an
- Gesamttextfarbe: Wählen Sie die Farbe für die Gesamtbeträge im Warenkorb
- Gesamt-Typografie: Steuern Sie die Schriftarteigenschaften für Gesamtbeträge, einschließlich Zwischensummen und Endsummen
- Linkfarbe: Legen Sie die Farbe für klickbare Links im Warenkorb fest (wie „Entfernen“ oder Produktlinks)
- Link-Typografie: Passen Sie die Schrifteigenschaften für Warenkorb-Links an
Der Tab „Stile“ bietet umfassende Optionen zur Anpassung von Headern, Schaltflächen und allen Anzeige-Elementen des Warenkorbs.
Schritt 3: Erweiterte Optionen konfigurieren
Im Tab Erweitert können Sie Ihren EDD-Warenkorb-Block weiter anpassen:
Abstand:
- Abstand außen: Steuern Sie den äußeren Abstand um Ihren Warenkorb-Block (Oben, Rechts, Unten, Links). Dies bestimmt, wie viel Platz zwischen dem Warenkorb und den umgebenden Elementen erscheint
- Abstand innen: Passen Sie den inneren Abstand innerhalb Ihres Warenkorb-Blocks an (Oben, Rechts, Unten, Links). Dies schafft Freiraum zwischen dem Inhalt des Warenkorbs und seinen Rändern
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Warenkorb-Block an. Diese ID wird automatisch von SeedProd für benutzerdefinierte Stile oder zur gezielten JavaScript-Steuerung erstellt
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefinierten CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie dem Wrapper-Element des Warenkorbs beliebige HTML-Attribute hinzu. Geben Sie jedes Attribut in eine neue Zeile im Format ein: attribut-name|wert (z. B. data-cart|edd-cart)
Gerätesichtbarkeit:
- Auf Desktop ausblenden: Blenden Sie den Warenkorb-Block auf Desktop-Bildschirmen aus
- Auf Tablet ausblenden: Blenden Sie den Warenkorb-Block auf Tablet-Geräten aus
- Auf Mobilgeräten ausblenden: Blenden Sie den Warenkorb-Block auf Mobilgeräten aus
Animationseffekte:
- Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Warenkorb ins Sichtfeld scrollt. Optionen sind Bounce, Fade In, Zoom In, Rotate In und viele mehr
Die Registerkarte „Erweitert“ bietet Optionen für Abstände, benutzerdefinierte Attribute, Geräte-Sichtbarkeit und Animationseffekte.
Schritt 4: Speichern Sie Ihre Änderungen
Nachdem Sie die Konfiguration des EDD-Warenkorb-Blocks abgeschlossen und dessen Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Sie haben erfolgreich einen EDD-Warenkorb-Block zu Ihrer Seite hinzugefügt! Diese anpassbare Warenkorb-Anzeige hilft Ihnen, ein professionelles Einkaufserlebnis zu schaffen, das zu Ihrer Marke passt und Kunden reibungslos zur Kasse führt. Experimentieren Sie mit verschiedenen Farben, Typografie und Schaltflächenstilen, um eine Warenkorb-Seite zu erstellen, die Vertrauen aufbaut und Warenkorbabbrüche reduziert.