Magento – Login und Bezahlen mit Amazon Design anpassen

En utilisant l'extension “Login and Payment with Amazon” de Creativestyle, erhält der Kunde die Möglichkeit im Shop mit seinem Amazon Kundenkonto und den dort hinterlegten Zahlarten zu zahlen und sich auch anzumelden.

Ich hatte über eines der Probleme bei der Installation bereits berichtet, da es durch die Konfiguration nicht möglich ist nur das Bezahlen mit Amazon zu ermöglichen aber die Login-Funktion deaktiviert zu lassen.

Heute will ich eine kurze Anleitung geben, wie man verschiedene Bereiche der Amazon-Login / -Paiement – Funktionen im Frontend verändern boîte.

Generell ist die Möglichkeit des Logins mit Amazon auf folgenden Seiten zu finden:

• Kundenkonto Anmeldung
• Registrierung eines neuen Kundenkontos
• Caisse

Es wird jeweils ein ziemlich präsenter Teil der Seite mit Informationen über den Login über Amazon gefüllt und so fallen die eigenen Seiten-Informationen in den Hintergrund.

Möchte man nun diese Login-Features über Amazon deaktivieren und somit nicht mehr auf der Seite haben, sollte man die Datei amazonpayments.xml aus dem base-layout Ordner nehmen und in den layout-Ordner des eigenen Templates kopieren.

Anschließend kommentiert man folgende Bereiche aus oder löscht sie:

Login-Seite:

<customer_account_login>
<nom de référence ="teneur">
<type de bloc ="amazonpayments/login_button" name ="amazonpayments_login" après ="customer_form_login" template ="creativestyle/amazonpayments/login/button/account_login.phtml">
<méthode d'action ="setIdSuffix"><valeur>div</valeur></action>
<méthode d'action ="setMoveBefore"><valeur>login-form</valeur></action>
</bloquer>
</référence>
</customer_account_login>

Registrierungs-Seite:

<customer_account_create>
<nom de référence ="teneur">
<type de bloc ="amazonpayments/login_button" name ="amazonpayments_login" template ="creativestyle/amazonpayments/login/button/account_login.phtml">
<méthode d'action ="setIdSuffix"><valeur>div</valeur></action>
<méthode d'action ="setMoveBefore"><valeur>form-validate</valeur></action>
</bloquer>
</référence>
</customer_account_create>

Caisse:

<checkout_onepage_index>
<nom de référence ="checkout.onepage.login.before">
<type de bloc ="amazonpayments/onepage_button" name ="onepage.amazonpayments.button">
<type de bloc ="amazonpayments/pay_button" name ="onepage.amazonpayments.button.pay" template ="creativestyle/amazonpayments/onepage/button.phtml">
<méthode d'action ="setIdSuffix"><valeur>onepage</valeur></action>
</bloquer>
<type de bloc ="amazonpayments/login_button" name ="onepage.amazonpayments.button.login" template ="creativestyle/amazonpayments/onepage/button.phtml">
<méthode d'action ="setIdSuffix"><valeur>onepage</valeur></action>
</bloquer>
</bloquer>
</référence>
</checkout_onepage_index>

Ensuite, enregistrez, Upload, Cache leeren und dann sind die Amazon-Login-Bereiche von den Seiten verschwunden. Es kann natürlich auch nur der eine oder andere Bereich entfernt werden. Wie man will.

Nun störte uns weiterhin, que l' “Bezahlen mit Amazon” Button VOR dem “Passer à la caisse” Button war. Auch hier wollten wir nicht, dass der eigene Button vom neuen Button in den Hintergrund gestellt wird. Die Reihenfolge sollte somit nicht

“Bezahlen mit Amazon -oder- Passer à la caisse” sein sondern “Zur Kasse gehen -oder- Bezahlen mit Amazon”.

Zuerst gehen wir wieder / bleiben wir in der amazonpayments.xml von oben und tauschen in der Zeile

<type de bloc ="amazonpayments/pay_button" name ="checkout.cart.methods.amazonpayments_pay.bottom" avant ="-">

einfach das Wort “avant” contre “après” à partir de. Ebenso für die Zeile darunter für den Top-Button.

Dann wird die Datei button.phtml aus dem Ordner app/design/frontend/base/default/template/creativestyle/amazonpayments/pay in das entsprechende Verzeichnis des eigenen Templates ausgeschnitten und dann der Teil

<?php if ($ce->getEnableOr()): ?>
<span class ="amazonpayments-or"><?php echo $ this->__('-OR-'); ?></envergure>
<?php endif; ?>

aus der Mitte nach oben vor

<div id="<?php echo $ this->getWidgetHtmlId(); ?>" class ="<?php echo $ this->getWidgetClass(); ?> with-tooltip">

wieder eingefügt.

Dies sorgt dafür, que l' “-oder-” vor dem Amazon-Button auftaucht.

Utilisé dans la version Magento 1.9 Remarques? Ajouts? Remarques? Volontiers!