Shop-Frontend für Kunden

<div class="prose prose-hyva max-w-none"><p>Wie Kunden im Shop nach Produkten suchen und die Filter in der Kategorie-Ansicht nutzen.</p><p>Die Produktsuche ist im Header jeder Shop-Seite als Suchfeld verfügbar. Während der Eingabe zeigt Magento (bzw. dieses Projekt mit OpenSearch als Suchmaschine) häufig bereits Live-Vorschläge passender Produkte an, bevor der Kunde die Eingabe überhaupt abschickt.</p> <h3>Layered Navigation (Filter)</h3> <p>Auf Kategorie- und Suchergebnisseiten steht meist eine Filterleiste ("Layered Navigation") zur Verfügung, über die Kunden das Ergebnis eingrenzen können, typischerweise nach:</p> <ul> <li>Preis (als Bereich oder in Preisstufen)</li> <li>Attributen wie Farbe, Größe, Material — abhängig davon, welche Attribute in Ihrem Katalog mit <strong>Use in Layered Navigation</strong> markiert sind (siehe Kapitel "Attribute und Attributsets")</li> <li>Kategorien, wenn die Suche über mehrere Kategorien hinweg Treffer liefert</li> </ul> <p>Aktive Filter lassen sich einzeln wieder entfernen, meist über ein kleines "×" neben dem Filterwert. Je präziser und konsistenter Ihre Produktattribute gepflegt sind, desto nützlicher wird die Filterleiste für Ihre Kunden — inkonsistente Werte (z. B. "Rot" und "rot" als getrennte Optionen) verschlechtern die Nutzererfahrung spürbar.</p> <h3>Sortierung und Ansichtsoptionen</h3> <p>Oberhalb der Produktliste auf Kategorie- und Suchergebnisseiten steht eine Toolbar zur Verfügung, über die Kunden die Darstellung anpassen können: Sortierung nach Position (die von Ihnen im Backend festgelegte Reihenfolge), Name, Preis oder weiteren freigegebenen Attributen, dazu die Anzahl der pro Seite angezeigten Produkte sowie meist ein Umschalter zwischen Grid- und Listenansicht. Welche Sortieroptionen zur Auswahl stehen, legen Sie unter <em>Stores &gt; Attributes &gt; Product</em> je Attribut über <strong>Use in Product Listing Sort By</strong> fest.</p> <p><strong>Praxis-Tipp:</strong> Die Standard-Sortierung ("Position") lohnt sich vor allem dann, wenn Sie die Reihenfolge in der Kategorie-Bearbeitung auch tatsächlich pflegen — sonst wirkt die Trefferliste für Kunden willkürlich sortiert.</p> <h3>Erweiterte Suche (Advanced Search)</h3> <p>Neben der schnellen Kopfzeilen-Suche bietet Magento eine eigene Seite für die erweiterte Suche, auf der Kunden gezielt nach einzelnen Attributen wie Name, SKU, Beschreibung oder einer Preisspanne (von/bis) suchen können. Welche Attribute dort als Suchfelder erscheinen, steuern Sie ebenfalls über die Attribut-Konfiguration (<strong>Use in Advanced Search</strong>). In vielen Themes — auch im Standard-Hyvä-Theme — ist der Link zur erweiterten Suche nicht prominent platziert und muss ggf. bewusst im Footer oder auf der "Keine Ergebnisse"-Seite verlinkt werden.</p> <h3>Leere Trefferliste und Mindest-Suchlänge</h3> <p>Liefert eine Suche keine Treffer, zeigt Magento eine entsprechende Hinweismeldung anstelle der Produktliste. Wie viele Zeichen ein Kunde mindestens eingeben muss, bevor überhaupt gesucht wird, legen Sie unter <em>Stores &gt; Configuration &gt; Catalog &gt; Catalog Search &gt; Minimum Query Length</em> fest — ebenso die maximale Länge. Ein zu niedriger Wert erzeugt unpräzise Live-Vorschläge, ein zu hoher Wert frustriert Kunden, die mit kurzen Begriffen (z. B. Modellnummern) suchen.</p> <img loading="lazy" src="{{media url=wysiwyg/handbuch/1kapitel/catalog13katalog.png}}" alt="catalog" /> </div>

<div class="prose prose-hyva max-w-none"><p>Der Weg vom Warenkorb bis zur abgeschlossenen Bestellung aus Sicht Ihrer Kunden.</p><p>Der Standard-Checkout in Magento läuft in wenigen klaren Schritten ab:</p> <ol> <li><strong>Warenkorb:</strong> Artikel, Mengen und ggf. Gutscheincode prüfen, dann "Zur Kasse" bzw. "Proceed to Checkout".</li> <li><strong>Versandadresse:</strong> Adresse eingeben oder aus gespeicherten Adressen wählen (bei eingeloggten Kunden).</li> <li><strong>Versandart:</strong> verfügbare Versandmethoden mit Preis auswählen.</li> <li><strong>Zahlungsart:</strong> eine der konfigurierten Zahlungsarten wählen (siehe Kapitel "Zahlungsarten konfigurieren") und ggf. die Rechnungsadresse bestätigen.</li> <li><strong>Bestellung abschließen:</strong> letzter Überblick, dann verbindliche Bestellung auslösen.</li> </ol> <p>Magento unterstützt sowohl <strong>Gast-Checkout</strong> (Bestellung ohne Kundenkonto) als auch Bestellung als registrierter Kunde — ob Gast-Checkout erlaubt ist, konfigurieren Sie unter <em>Stores &gt; Configuration &gt; Sales &gt; Checkout &gt; Checkout Options</em>. Ein Gast-Checkout senkt oft die Kaufabbruchrate, da Kunden nicht erst ein Konto anlegen müssen — nach dem Kauf lässt sich meist trotzdem optional ein Konto aus der Bestellung heraus erstellen.</p> <h3>Mini-Warenkorb (Cart-Drawer)</h3> <p>Beim Hinzufügen eines Artikels öffnet sich im Hyvä-Theme meist ein per Alpine.js gesteuertes Warenkorb-Panel als Seitenleiste ("Mini-Cart"), ohne dass die Seite neu geladen wird. Dort können Kunden Mengen anpassen, Artikel entfernen und direkt zum Checkout springen, ohne die aktuelle Seite zu verlassen. Diese schnelle Rückmeldung ("Artikel wurde hinzugefügt") reduziert Unsicherheit und damit Kaufabbrüche.</p> <h3>Gutscheincode einlösen</h3> <p>Im Warenkorb steht ein einklappbares Feld "Gutscheincode eingeben" zur Verfügung. Nach Eingabe eines gültigen Codes wird der Rabatt sofort in der Summenübersicht sichtbar. Standardmäßig lässt Magento immer nur einen Gutscheincode gleichzeitig zu — ein neuer Code ersetzt den bisherigen, statt sich zu addieren. Ist der Code ungültig oder abgelaufen, erscheint eine entsprechende Fehlermeldung direkt am Feld.</p> <h3>Pflichtangaben und AGB-Zustimmung</h3> <p>Vor dem verbindlichen Abschluss der Bestellung kann eine Zustimmung zu Ihren Allgemeinen Geschäftsbedingungen als Pflicht-Checkbox eingeblendet werden. Aktivieren lässt sich das unter <em>Stores &gt; Configuration &gt; Sales &gt; Checkout &gt; Checkout Options &gt; Enable Terms and Conditions</em>; die eigentlichen Textbausteine pflegen Sie unter <em>Stores &gt; Terms and Conditions</em>. Ohne gesetztes Häkchen bleibt der "Bestellung abschließen"-Button inaktiv bzw. die Bestellung wird mit einer Fehlermeldung abgelehnt.</p> <img loading="lazy" src="{{media url=wysiwyg/handbuch/1kapitel/checkout13kategorie.png}}" alt="checkout" /> <h3>Gespeicherte Zahlungsmethoden (Vault)</h3> <p>Unterstützt Ihr Zahlungsanbieter das Magento-Vault-Modul (z. B. bestimmte Kreditkarten- oder PayPal-Integrationen), können wiederkehrende Kunden ihre Zahlungsdaten als Token sicher speichern und bei der nächsten Bestellung mit einem Klick wiederverwenden, ohne die Daten erneut einzugeben. Ob und für welche Zahlungsart Vault verfügbar ist, hängt vom jeweiligen Zahlungsmodul ab — nicht jede Zahlungsart unterstützt dies.</p></div>

<div class="prose prose-hyva max-w-none"><p>Was Kunden in ihrem eigenen Kundenkonto sehen und verwalten können: Bestellungen, Adressen, Daten.</p><p>Eingeloggte Kunden erreichen ihr Kundenkonto über den Account-Bereich im Header. Dort stehen ihnen typischerweise diese Bereiche zur Verfügung:</p> <ul> <li><strong>Bestellungen (Order History):</strong> alle vergangenen Bestellungen mit Status, Möglichkeit zur erneuten Bestellung ("Reorder") und Rechnungs-/Lieferschein-Download.</li> <li><strong>Adressen:</strong> mehrere Liefer- und Rechnungsadressen speichern und eine Standardadresse festlegen — beschleunigt zukünftige Bestellungen erheblich.</li> <li><strong>Kontoinformationen:</strong> Name, E-Mail-Adresse und Passwort ändern.</li> <li><strong>Merkzettel</strong> und ggf. <strong>Vergleichsliste</strong> (siehe nächstes Kapitel).</li> <li><strong>Newsletter-Einstellungen:</strong> An-/Abmeldung direkt aus dem Konto heraus.</li> </ul> <p>Diese Bereiche werden größtenteils direkt von Magento bereitgestellt und benötigen im Regelfall keine Backend-Konfiguration — Ihre Aufgabe als Shop-Betreiber ist vor allem, dafür zu sorgen, dass die Registrierung einfach und die Kontoverwaltung für Kunden auffindbar ist (z. B. gut sichtbarer Account-Link im Header).</p> <h3>Registrierung und Passwort-Anforderungen</h3> <p>Bei der Kontoerstellung fragt Magento standardmäßig Vor- und Nachname, E-Mail-Adresse und Passwort ab. Wie streng die Passwort-Richtlinie ist (Mindestlänge, erforderliche Zeichenklassen), legen Sie unter <em>Stores &gt; Configuration &gt; Customers &gt; Customer Configuration &gt; Password Options</em> fest. Zusätzlich lässt sich dort eine Pflicht-Bestätigung der E-Mail-Adresse aktivieren ("Require Emails Confirmation") — der Kunde muss dann erst einen Bestätigungslink anklicken, bevor er sich einloggen kann.</p> <img loading="lazy" src="{{media url=wysiwyg/handbuch/1kapitel/password13kategorie.png}}" alt="password" /> <h3>Passwort-Zurücksetzen-Funktion</h3> <p>Über "Passwort vergessen?" im Login-Formular fordern Kunden einen Reset-Link per E-Mail an. Dieser Link ist zeitlich begrenzt gültig — die Gültigkeitsdauer stellen Sie ebenfalls in der Customer Configuration ein ("Recovery Link Expiration Period"). Nach Ablauf muss ein neuer Link angefordert werden; aus Sicherheitsgründen verrät die Fehlermeldung dabei nicht, ob die eingegebene E-Mail-Adresse überhaupt registriert ist.</p> <h3>Bestelldetails und Sendungsverfolgung</h3> <p>Öffnet ein Kunde eine einzelne Bestellung aus der Order History, sieht er alle Positionen, Preise, die verwendete Versand- und Zahlungsart sowie den aktuellen Status. Hat der Versand bereits stattgefunden und wurde im Backend eine Tracking-Nummer zum Versandauftrag hinterlegt, erscheint dort zusätzlich ein Link zur Sendungsverfolgung des jeweiligen Versanddienstleisters.</p> <h3>Eigene Produktbewertungen</h3> <p>Sofern das Bewertungsmodul (Magento_Review) aktiv und im Theme eingebunden ist, finden Kunden unter "Meine Bewertungen" eine Übersicht aller von ihnen abgegebenen Produktbewertungen inklusive Freigabestatus — hilfreich, um nachzuvollziehen, ob eine Bewertung bereits von Ihnen (als Shop-Betreiber) freigeschaltet wurde.</p></div>