Mit wpShopGermany¶
Ahoi funktioniert ohne Shop. Ist das Shop-Plugin wpShopGermany installiert, gestaltet Ahoi die Shopseiten mit: Produktseiten, Produktlisten, Warenkorb und Kasse übernehmen Farben, Schriften, Buttons und Eingabefelder von Ahoi, hell und dunkel. Einen Shop bringt Ahoi selbst nicht mit; alle Shopfunktionen kommen aus wpShopGermany.
Voraussetzung¶
Unter wpShopGermany → Konfiguration → Einstellungen → Darstellung bei Darstellung der Shopseiten die Einstellung An das Theme angepasst wählen. Bei einer neuen Installation von wpShopGermany ist sie schon gesetzt.
Damit ein Klick auf ein Produktbild das Bild im Vollbild vergrößert, unter wpShopGermany → Konfiguration → Einstellungen → Bibliotheken/Includes die Option fsLightbox (Fullscreen Lightbox) einbinden (JavaScript) aktivieren (Handbuch von wpShopGermany). Ahoi lädt diese Bibliothek nicht selbst; ohne die Option öffnet der Klick nur die Bilddatei. Ab wpShopGermany 4.7.0 lädt der Shop sie selbst, sobald eine Produktseite Bilder zum Vergrößern zeigt; die Option ist dann nicht mehr nötig.
In der Darstellung Klassisch bringt wpShopGermany seine eigenen Stile mit; Ahoi greift dann nicht in die Shopseiten ein. Nur „Konto“ und Warenkorb im Header gestaltet Ahoi weiter.
Was die Darstellung „An das Theme angepasst“ am Shop ändert, beschreibt das Handbuch von wpShopGermany.
Was sich mit dem Shop ändert¶
Header¶
Im Header stehen zusätzlich Konto, der Link zum Kundenkonto (mit dem Modul Kundenverwaltung), und der Warenkorb. Der Warenkorb zeigt die Zahl der Artikel und die Summe. Am Handy steht der Warenkorb als Symbol im Header; „Konto“ und Warenkorb stehen außerdem im Menü am Handy.
Footer¶
Unter Titel und Untertitel stehen Anschrift und E-Mail aus wpShopGermany → Konfiguration → Shopinfo (Header und Footer). Statt der Spalten für Website und Blog zeigt der Footer die Seiten aus den Einstellungen von wpShopGermany:
| Spalte | Links |
|---|---|
| Shop | Warenkorb, Mein Konto |
| Hilfe | Versand und Zahlung, Widerrufsbelehrung, Widerrufsformular |
| Rechtliches | Impressum, Datenschutz, AGB |
Fehlt eine Seite in den Einstellungen des Shops, fehlt ihr Link; eine Spalte ohne Links entfällt. Für „Datenschutz“ nimmt Ahoi die Seite aus wpShopGermany, sonst die aus Einstellungen → Datenschutz. Wie bei jedem Footer gilt: Nach dem Speichern im Website-Editor bleiben die Links, wie sie sind (Header und Footer).
Ab wpShopGermany 4.7.0 teilt Ahoi dem Shop mit, welche Rechtstexte der Footer verlinkt. wpShopGermany lässt genau diese Seiten in automatischen Seitenlisten weg, etwa in dem Menü, das WordPress ohne eigenes Menü anlegt; seine technischen Seiten wie Kasse oder „Zahlung erfolgreich“ lässt es dort ohnehin weg. Grundlage ist der Footer, wie er ausgegeben wird, auch nachdem Sie ihn gespeichert haben. Ein Menü, das Sie selbst zusammenstellen, bleibt unberührt.
Kundenkonto¶
Mit dem Modul Kundenverwaltung bringt wpShopGermany die Seiten des Kundenkontos mit, etwa Profil und Bestellungen. Ahoi stellt den Seitentitel in eine Flucht mit der Kontonavigation und der Liste der Bestellungen. Am Handy steht die Kontonavigation in einer Zeile; passt sie nicht ganz hinein, lässt sie sich seitlich wischen, und ein weicher Rand zeigt, dass es weitergeht. „Abmelden“ steht breit rechts, am Handy als letzter Eintrag. Die Liste der Bestellungen selbst gestaltet wpShopGermany.
Shopseiten¶
Legt wpShopGermany in der Darstellung „An das Theme angepasst“ eine Seite mit Shopausgabe neu an, etwa Produktdetailseite oder Kundenprofil, gibt es ihr das Template Seite ohne Titel, weil sie ihre Überschrift selbst mitbringt. Seiten mit reinem Text wie AGB oder Impressum bekommen das Template mit Titel. Bestehende Seiten bleiben, wie sie sind. Den Warenkorb mit der Kasse stellen Sie auf das Template Kasse (Kasse).
Produktbewertungen¶
Mit dem Modul Produktbewertungen von wpShopGermany zeigt Ahoi jede Bewertung als Karte im getönten Grund: Sterne, Titel, Name, Datum und „Verifizierter Kauf“, darunter der Text. Auf der Produktseite stehen die Bewertungen ab einer Fensterbreite von 900 px in zwei Spalten: links Überschrift, Gesamtwertung und Hinweis zur Echtheit, rechts die Karten. Am Handy und im Block Produktbewertungen stehen sie untereinander.
Vorlagen für den Shop¶
Mit wpShopGermany gibt es im Block-Inserter die Kategorie Shop mit diesen Vorlagen:
| Vorlage | Inhalt |
|---|---|
| Startseite für den Shop | Titelbereich mit Bild, die Produktkategorien als Karten (mit dem Modul Produktartikel), „Neu im Shop“ mit Produkten, drei Versprechen, Aufforderungsband |
| Aktion | korallenrotes Banner für ein Saisonangebot oder einen Rabatt, die Produkte des Angebots, die Bedingungen, drei Versprechen. Die Produkte wählen Sie in den Einstellungen der Produktliste. |
| Kategorien im Shop | die Produktkategorien als Karten mit Name, Anzahl der Produkte und Beschreibung, darunter die neuesten Produkte. Die Karten füllt WordPress selbst. Nur mit dem Modul Produktartikel. |
| Versand und Zahlung | Tabelle für Versandkosten und Lieferzeiten, die Zahlarten als Karten; nur Platzhalter, kein Rechtstext. Steht auch ohne wpShopGermany zur Verfügung, dann unter „Text“. |
| Produkte | Überschrift und eine Produktliste mit acht Produkten in vier Spalten |
| Produkt im Fokus | kleine Zeile, Überschrift und Text neben einem Produkt, zunächst dem neuesten. Ein anderes Produkt wählen Sie in den Einstellungen der Produktliste. |
| Kategorien im Shop (Abschnitt) | Überschrift und die Produktkategorien als Karten. Nur mit dem Modul Produktartikel. |
Die ersten vier sind Vorlagen für ganze Seiten: Sie erscheinen auch im Fenster Vorlage auswählen bei einer neuen Seite und passen zum Template „Seite ohne Titel“. Die übrigen sind Abschnitte, die Sie in eine Seite einfügen.
Seit wpShopGermany 4.7.0 zeigen auch die Vorschau und der Editor die Kategorien als Karten; mit älteren Versionen steht dort ein grauer Balken, und die Karten erscheinen erst auf der Seite.
Ohne wpShopGermany fehlen die Kategorie und alle Vorlagen darin außer „Versand und Zahlung“.
Farben im Shop¶
Hinweise, Fehlermeldungen und Erfolgsmeldungen des Shops zeigt Ahoi in Farben, die hell und dunkel auf jeder Palette gut lesbar sind. Etiketten an Produktbildern, etwa „Neu“, stehen in der Akzentfarbe.