DHL-Postfinder

plentymarkets » CMS » Webdesign » Bestellvorgang » Kaufabwicklung » Untermenü: DHL-Postfinder

 

Allgemeines zum DHL-Postfinder

Mit dem DHL-Postfinder steht Ihnen eine komfortable Suchhilfe zur Verfügung. Mit diesem Feature werden Ihnen im Mein Konto-Bereich bzw. der Kaufabwicklung anhand der Postleitzahl die jeweils in der Nähe liegenden Postfilialen und Packstationen angezeigt. Sie können die gewünschte Auswahl dann direkt in die Lieferanschrift übernehmen.

Konfiguration

Zur Konfiguration des DHL-Postfinders sind die nachfolgend beschriebenen Schritte nötig.

CSS Bestellvorgang

Nachfolgend das CSS für das optimierte Layout des DHL-Postfinders.

/* WEBSHOP OVERLAY */ .PlentyWebshopOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } /* POSTFINDER TRIGGER */ a.PostfinderTrigger { position: relative; display: block; margin-top: 10px; padding: 25px 10px 0; border: 1px solid #999; background: #FFCD00; color: #666; text-decoration: none; cursor: pointer; } /* in checkout */ #PlentyWebShippingDetailsForm a.PostfinderTrigger { } /* in myaccount */ .PlentyWebMyAccountPopupContainer .PostfinderTrigger { } .PostfinderTriggerImgLabel1, .PostfinderTriggerImgLabel2 { position: absolute; display: block; top: 6px; background-image: url("/tpl/global/images/dhl_packstation_postfiliale-direkt_sprite.png"); background-repeat: no-repeat; } .PostfinderTriggerImgLabel1 { left: 10px; width: 97px; height: 11px; background-position: -4px -4px; } .PostfinderTriggerImgLabel2 { left: 130px; width: 89px; height: 18px; background-position: -4px -20px; } .PostfinderTriggerTextLabel { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; clear: both; height: 34px; margin: 4px 0; padding: 3px 5px; border-color: #c00; background-color: #c00; text-decoration: none; line-height: 26px; color: #fff; } a.PostfinderTrigger:hover > .PostfinderTriggerTextLabel, a.PostfinderTrigger:focus > .PostfinderTriggerTextLabel { color: #e0e0e0; } /* POSTFINDER POPUP */ .WebPostfinderGetPackstationsPopup { position: absolute; width: 600px; left: 50%; margin-left: -304px; border: 4px solid #EEE; padding: 0 10px; background: #FFF; -moz-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); -webkit-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); } .WebPostfinderGetPackstationsPopup .PlentyWebshopPopupBottomButtonContainer { padding: none; } .WebPostfinderGetPackstationsPopup .PlentyWebshopPopupBottomButtonContainer:after { content: ""; display: table; clear: both; } .PlentyWebshopPopupButtonRightContainer:first-child { text-align: right; } /* header */ .PlentyWebshopPopupHeader { color: #444444; font-size: 18px; font-weight: 400; line-height: 26px; border-bottom: 1px solid #000000; padding: 7px 1px 3px; } /* content */ .WebPostfinderGetPackstationsPopup .PlentyWebshopPopupContent { padding-top: 10px; } /* text */ .WebPostfinderTextBefore { margin-bottom: 10px; } /* table */ .PlentyWebshopTable { display: table; } .PlentyWebshopTableRow { display: table-row; } .PlentyWebshopTableCell { display: table-cell; } .WebPostfinderGetPackstationsPopup .PlentyWebshopTableCell { border-bottom: 1px solid #eee; padding: 3px 5px; } .PlentyWebshopTableHeaderRow > .PlentyWebshopTableCell { background: #eee; border-color: #000; } .PlentyWebshopTableCell:first-child { vertical-align: middle; } /* scroll */ .PlentyWebshopTableWrapper { max-height: 450px; overflow-y: auto; } /* buttons */ .PlentyWebshopPopupButtonLeftContainer { float: left; width: 50%; text-align: right; } .PlentyWebshopPopupButtonRightContainer { float: right; width: 50%; } .PlentyWebshopPopupButtonLeftContainer, .PlentyWebshopPopupButtonRightContainer { padding: 10px 0; } .PlentyWebshopPopupButtonLeftContainer > *, .PlentyWebshopPopupButtonRightContainer > * { margin: 0 5px; }
CSS für den Bestellvorgang konfigurieren:
  1. Öffnen Sie das Menü CMS » Webdesign » Layout » CSS » CSSOrder.
  2. Fügen Sie den CSS-Code am Ende des Bearbeitungsfensters im Tab CSSOrder ein.
  3. Speichern Sie das CSS.

CSS Mein Konto

Für die Ansicht im Mein Konto-Bereich muss der z-index im CSS angepasst werden.

Bild 1: Z-Index anpassen

CSS für Mein Konto konfigurieren:
  1. Öffnen Sie das Menü CMS » Webdesign » Layout » CSS » CSSMyAccount.
  2. Suchen Sie die Zeile (Suchfunktion des Browsers): "z-index: 400010;".
    Wichtig: Wählen Sie dazu in der Toolbar oben rechts die Editor-Einstellung Textfeld.
  3. Passen Sie die Zeile wie folgt an "z-index: 40010;".
  4. Speichern Sie das CSS.

Texte

Für die Anzeige im Webshop und im Mein Konto-Bereich nehmen Sie folgende Anpassungen der Texte vor.

Bild 2: Texte anpassen, Beispiel Mein Konto » Untermenü: Lieferanschrift ändern

Texte konfigurieren:
  1. Öffnen Sie das Menü CMS » Webdesign » Bestellvorgang » Kaufabwicklung » Untermenü: Lieferanschrift.
  2. Passen Sie folgende Texte an:
    Postnummer: Tragen Sie Postnummer ein.
    Packstation/Postfiliale suchen: Tragen Sie Packstation oder Postfiliale suchen ein.
  3. Speichern Sie die Einstellungen.
  4. Öffnen Sie das Menü CMS » Webdesign » Mein Konto » Untermenü: Lieferanschrift ändern.
  5. Passen Sie folgende Texte an:
    Adresszusatz: Tragen Sie Adresszusatz ein.
    Postnummer: Tragen Sie Postnummer ein.
    Packstation/Postfiliale suchen: Tragen Sie Packstation oder Postfiliale suchen ein.
  6. Speichern Sie die Einstellungen.

Fehlermeldungen

Passen Sie die Fehlermeldungen in den Sprachpaketen an.

Bild 3: Fehlermeldungen anpassen

Fehlermeldungen konfigurieren:
  1. Öffnen Sie das Menü Einstellungen » Mandant (Shop) » Globale Einstellungen » Sprachpakete.
  2. Wählen Sie oben die Sprache (Standard: de) und den Bereich Fehlermeldungen.
  3. Klicken Sie auf die Lupe.
    → Die Fehlermeldungen werden angezeigt.
  4. Passen Sie die Fehlermeldungen Nr. 89 und Nr. 93 an: Ändern Sie die Bezeichnung PostIdent Nummer in: Postnummer.
  5. Speichern Sie die Einstellungen.

Menü: DHL-Packstation

Die Funktion muss nun noch im Menü aktiviert werden.

Bild 4: Menü DHL-Packstation

DHL-Packstation aktivieren:
  1. Öffnen Sie das Menü Einstellungen » Mandant (Shop) » Standard » Bestellvorgang » DHL-Packstation.
  2. Wählen Sie für Packstationen in Lieferadressen erlauben die Einstellung Ja.
  3. Speichern Sie die Einstellungen.

Funktion

Wird im Bestellprozess nun eine Packstation oder Postfiliale als Lieferanschrift gewünscht, klickt der Kunde beim Schritt Rechnungsinformation auf die Option An andere Adresse versenden.

Es wird ein leeres Adressfeld mit der Postfinder-Funktion eingeblendet:

Bild 5: DHL-Postfinder in der Kaufabwicklung

Hier kann nun die gewünschte Postleitzahl oder der Ort eingetragen werden.
Es sind bei der PLZ auch nur die ersten drei oder 4 Ziffern möglich oder beim Ort nur ein Teil des Ortsnamens. Wenn die Auswahl an Packstationen bzw. Postfilialen zu hoch ist, kommt eine Fehlermeldung von DHL und man muss etwas genauer sein (bei PLZ z.B. die vollständige PLZ angeben).

Bild 6: Anzeige der gefunden Postfilialen bzw. Packstationen

Wenn der Kunde nun eine Postleitzahl eingibt und auf Packstation oder Postfiliale suchen klickt, werden die Postfilialen und Packstationen im Umfeld dieser PLZ mit Entfernungsangabe angezeigt. Der Kunde wählt eine Option aus und klickt auf Speichern. Damit wird die jeweilige Station in die Lieferanschrift übernommen.

Tipp: Titel des Popup-Fensters

Den Text des Titels, im Beispiel Packstationen und Postfilialen in Ihrer Nähe (Bild 6, oben) passen Sie im Untermenü DHL-Postfinder an.

Nach oben