M0129 Bestellbestätigungs-Bilder für Gambio
Handbuch
1. Was das Modul leistet
Die Bestellbestätigung ist die E-Mail, die Ihre Kundschaft unmittelbar nach dem Kauf erhält – und sie wird gelesen. Im Auslieferungszustand von Gambio steht dort nur Text: Artikelbezeichnung, Artikelnummer, Menge, Preis. Wer drei schwarze T-Shirts in unterschiedlichen Größen bestellt hat, sieht in der Bestätigung drei nahezu gleiche Textzeilen und muss raten, ob wirklich das Richtige im Warenkorb lag.
Unser Modul ergänzt diese E-Mail um das Produktbild jeder einzelnen Bestellposition. Bei Variantenartikeln wird dabei das Bild der tatsächlich bestellten Variante gezeigt – also der rote Schuh, wenn Rot bestellt wurde, und nicht das allgemeine Artikelbild.
Das senkt Rückfragen und Rücksendungen, weil Fehlbestellungen sofort auffallen, und es macht die Bestätigung zu einem Beleg, der auch Wochen später noch verständlich ist.
2. Installation und Inbetriebnahme
Das Modul wird wie alle unsere Module über die Modulumgebung eingespielt. Nach der Installation sind zwei Schritte nötig:
- Modul einschalten. Im Auslieferungszustand ist es ausgeschaltet, damit sich an Ihrer Bestellbestätigung nichts ändert, bevor Sie es möchten.
- Anzeigeart festlegen. Je nachdem, wie das Bild erscheinen soll, ist eine kleine Ergänzung Ihrer E-Mail-Vorlage nötig – siehe Kapitel 4.
Danach wirkt das Modul sofort: Jede neu versendete Bestellbestätigung enthält die Bilder. Bereits versendete E-Mails bleiben selbstverständlich unverändert.
3. Das Setup im Überblick
Das Setup erreichen Sie über das Menü „Xycons-Module" ► „Kundenkonto / Setups" und dort über den TAB „Bestellbestätigungsbilder".
| Einstellung | Bedeutung | Vorgabe |
|---|---|---|
| Modulstatus | Schaltet das Modul vollständig ein oder aus. Ausgeschaltet verhält sich Ihr Shop exakt so wie ohne das Modul. | Ausgeschaltet |
| Ihre Lizenz | Zeigt an, welcher Lizenztyp erkannt wurde. Eine reine Anzeige. | – |
| Extra-Spalte | „Ja" stellt das Bild in einer eigenen Spalte der Positionsliste dar, „Nein" setzt es unter die Artikelbezeichnung. Siehe Kapitel 4. | Nein |
| Zusatzabstand | Erzeugt eine Leerzeile vor und/oder nach dem Bild, wenn das Bild unter der Artikelbezeichnung steht. Bei der eigenen Spalte ohne Wirkung. | Nein, kein Zusatzabstand |
| Verlinkung | Macht das Bild anklickbar und führt zur Produktseite im Shop. | Nein |
| Nur Platzhalter | Das Modul baut das Bild nicht selbst ein, sondern stellt es als Platzhalter bereit, den Sie in Ihrer Vorlage frei platzieren. Siehe Kapitel 4.3. | Nein |
| Bildgröße | Höhe des Bildes in der E-Mail, in Bildpunkten. Nur die Zahl eintragen. | 175 |
| Ersatzbild | Bild, das bei Artikeln ohne Produktbild einspringt. Dateiname oder Pfad ab dem Shopverzeichnis; leer lassen heißt: kein Ersatz. | leer |
| Lieferzeit ausblenden | Unterdrückt die Lieferzeitangabe in der Bestellbestätigung. | Nein |
4. Die drei Anzeigearten
Es gibt drei Wege, das Bild in die Bestellbestätigung zu bringen. Sie schließen einander aus; entscheiden Sie sich für den, der zu Ihrem Vorlagenlayout passt.
4.1 Eigene Bildspalte
Die aufgeräumteste Darstellung: Die Positionsliste bekommt eine zusätzliche Spalte, in der nur die Bilder stehen. Texte und Preise bleiben in Ruhe untereinander.
Weil Ihre E-Mail-Vorlage bestimmt, welche Spalten die Positionsliste hat, muss diese Spalte dort einmalig angelegt werden. Öffnen Sie die Vorlage der Bestellbestätigung im Adminbereich und ergänzen Sie in der Positionstabelle zwei Zellen – eine in der Kopfzeile und eine in der Positionszeile. Beide prüfen von sich aus, ob das Modul eingeschaltet und die Spaltenanzeige gewählt ist; schalten Sie das Modul später ab, verschwindet die Spalte also von selbst.
Kopfzeile (neben „Anzahl" einfügen):
<th style="font-weight: bold; border-bottom: 2px solid #000; padding: 3px 0 3px 3px; font-size: 13px; text-align: left;">
{if $smarty.const.XYCONS_MOD0129_STATUS == 'true'
&& $smarty.const.XYCONS_MOD0129_EXTRA_COLUMN != 'false'
&& $smarty.const.XYCONS_MOD0129_PLACEHOLDER_ONLY == 'false'}Bild{/if}
</th>
Positionszeile (an derselben Stelle einfügen):
<td style="border-bottom: 1px solid #ddd; padding: 5px 4px; vertical-align: top;">
{if $smarty.const.XYCONS_MOD0129_STATUS == 'true'
&& $smarty.const.XYCONS_MOD0129_EXTRA_COLUMN != 'false'
&& $smarty.const.XYCONS_MOD0129_PLACEHOLDER_ONLY == 'false'}{$order_values.PRODUCTS_IMAGE}{/if}
</td>
4.2 Bild unter der Artikelbezeichnung
Die Variante ohne Eingriff in die Vorlage: Das Bild wird direkt unter die Artikelbezeichnung gesetzt. Das funktioniert mit jeder Vorlage sofort, macht die Zeilen aber höher. Über den Zusatzabstand können Sie eine Leerzeile vor und/oder nach dem Bild einfügen, damit Bezeichnung, Bild und Eigenschaften nicht aneinanderkleben.
4.3 Nur Platzhalter
Für den Fall, dass Sie das Bild an einer ganz eigenen Stelle brauchen – etwa rechts neben dem Preis oder in einer eigenen Box unter der Position. Mit dieser Einstellung baut das Modul nichts selbst ein, sondern stellt je Position einen Platzhalter bereit, den Sie in Ihrer Vorlage dort einsetzen, wo das Bild erscheinen soll:
{$order_values.M0129_IMAGE}
Solange der Platzhalter nicht in der Vorlage steht, erscheint kein Bild – das ist bei dieser Einstellung kein Fehler, sondern Absicht.
5. Welches Bild erscheint
Das Modul sucht das Bild in dieser Reihenfolge:
- Variantenbild. Wurde eine Artikelvariante bestellt und ist dieser Kombination ein Bild zugeordnet, wird dieses Bild genommen – das erste Bild der hinterlegten Bildliste.
- Artikelbild. Gibt es kein Variantenbild, erscheint das Hauptbild des Artikels.
- Ersatzbild. Haben Sie eines hinterlegt, springt es ein, sobald ein Artikel kein eigenes Bild mitbringt – siehe Kapitel 6.
- Kein Bild. Ist am Artikel die Bildanzeige abgeschaltet, fehlt die Bilddatei und ist auch kein Ersatzbild hinterlegt, bleibt die Stelle leer. Es erscheint bewusst kein Platzhaltersymbol für ein fehlendes Bild.
6. Bildgröße, Verlinkung und Ersatzbild
Die Bildgröße ist die Höhe des Bildes in der E-Mail, angegeben in Bildpunkten. Bewährt haben sich Werte zwischen 80 und 175: groß genug, um den Artikel zu erkennen, klein genug, damit die Bestätigung auf dem Mobiltelefon nicht endlos lang wird. Tragen Sie nur die Zahl ein. Auf schmalen Bildschirmen verkleinert sich das Bild von selbst weiter, statt die Positionsliste auseinanderzuschieben – das Seitenverhältnis bleibt dabei erhalten.
Solange Ihre Kundschaft das Laden von Bildern noch nicht freigegeben hat – viele Mailprogramme fragen das zuerst –, steht an der Stelle des Bildes die Artikelbezeichnung. Die Bestätigung bleibt dadurch auch ohne Bilder verständlich und ist für Vorleseprogramme nutzbar.
Die Verlinkung macht das Bild anklickbar und führt zur Produktseite im Shop. Das ist angenehm für die Kundschaft – sie kommt mit einem Klick zum Artikel – und nebenbei ein guter Weg zurück in Ihren Shop. Der Verweis öffnet sich in einem neuen Fenster, damit die E-Mail geöffnet bleibt.
Das Ersatzbild schließt die Lücke bei Artikeln ohne eigenes Produktbild. Ohne Ersatzbild bleibt die Stelle leer, und bei einer Bestellung mit mehreren Positionen wirkt die Liste dann löchrig. Hinterlegen Sie eine neutrale Grafik – etwa Ihr Logo oder ein schlichtes „Kein Bild vorhanden" –, erscheint diese an der Stelle. Tragen Sie den Dateinamen oder den Pfad ab Ihrem Shopverzeichnis ein:
images/kein-bild.png
Bleibt das Feld leer, verhält sich das Modul wie bisher und lässt die Stelle frei.
7. Lieferzeit in der Bestätigung
In der Bestellbestätigung steht je Position die Lieferzeit, die zum Zeitpunkt der Bestellung am Artikel hinterlegt war. Das ist oft hilfreich – manchmal aber auch heikel: Wer saisonal oder auf Zuruf liefert, möchte in der Bestätigung keine Angabe machen, auf die er später festgenagelt wird. Mit der Einstellung Lieferzeit ausblenden unterdrücken Sie die Angabe in dieser E-Mail; im Shop selbst bleibt sie unverändert sichtbar.
8. Texte ändern
Modultexte können Sie – wie bei allen Modulen von uns – über die Shopfunktion „Texte ändern" im Admin-Bereich an eigene Bedürfnisse anpassen. Das betrifft hier vor allem die Beschriftungen auf der Setupseite. Die Spaltenüberschrift „Bild" in der Bestellbestätigung steht dagegen in Ihrer E-Mail-Vorlage und wird dort geändert.
9. Shopupdate und Modulpflege
Vor einem Shopupdate prüfen Sie bitte auf unserer Seite, ob das Modul für die neue Shopversion freigegeben ist.
Beim Shopupdate installieren Sie bitte immer auch die neuesten Fassungen des Moduls und der Modulumgebung – nicht nur den Shop. Module greifen an genau definierten Stellen in den Shop ein; ändert sich der Shop, muss das Modul mitwachsen. Wer nur den Shop aktualisiert, hat danach unter Umständen ein Modul, das nicht mehr arbeitet, und sucht die Ursache an der falschen Stelle.
10. Häufige Stolpersteine
Es erscheinen keine Bilder. Prüfen Sie zuerst, ob das Modul eingeschaltet ist. Steht die Anzeigeart auf „Extra-Spalte", muss zusätzlich Ihre E-Mail-Vorlage die beiden Zellen aus Kapitel 4.1 enthalten; steht sie auf „Nur Platzhalter", muss der Platzhalter aus Kapitel 4.3 in der Vorlage stehen.
Die Bilder sind in der Bestätigung unterschiedlich hoch. Das Modul gibt die Höhe vor, nicht die Breite – hochformatige und querformatige Bilder bleiben dadurch unverzerrt, unterscheiden sich aber in der Breite. Einheitlich wirkt die Liste, wenn Ihre Artikelbilder dasselbe Seitenverhältnis haben.
Bei einem Artikel fehlt das Bild. Entweder ist am Artikel die Bildanzeige abgeschaltet, oder die Bilddatei fehlt im Shop. Das Modul setzt in diesem Fall bewusst nichts ein, damit in der E-Mail kein Symbol für ein kaputtes Bild erscheint. Wenn Sie stattdessen eine neutrale Grafik möchten, hinterlegen Sie ein Ersatzbild (Kapitel 6).
Das Ersatzbild erscheint nicht. Dann findet der Shop die angegebene Datei nicht. Prüfen Sie die Schreibweise und tragen Sie den Pfad ab dem Shopverzeichnis ein, also beispielsweise images/kein-bild.png und nicht den Pfad aus dem Dateimanager Ihres Rechners.
Die E-Mail wird deutlich länger. Das passiert bei der Darstellung unter der Artikelbezeichnung mit vielen Positionen. Entweder die Bildgröße verringern oder auf die eigene Bildspalte wechseln.
Zum Vergleich die Bestellbestätigung, wie sie ohne das Modul aussieht:
