Magento – Login und Bezahlen mit Amazon Design anpassen

Verwendet man die Extension “Login and Payment with Amazon” von 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 / -Zahlung – Funktionen im Frontend verändern kann.

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

• Kundenkonto Anmeldung
• Registrierung eines neuen Kundenkontos
• Checkout

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>
<reference name="content">
<block type="amazonpayments/login_button" name="amazonpayments_login" after="customer_form_login" template="creativestyle/amazonpayments/login/button/account_login.phtml">
<action method="setIdSuffix"><value>div</value></action>
<action method="setMoveBefore"><value>login-form</value></action>
</block>
</reference>
</customer_account_login>

Registrierungs-Seite:

<customer_account_create>
<reference name="content">
<block type="amazonpayments/login_button" name="amazonpayments_login" template="creativestyle/amazonpayments/login/button/account_login.phtml">
<action method="setIdSuffix"><value>div</value></action>
<action method="setMoveBefore"><value>form-validate</value></action>
</block>
</reference>
</customer_account_create>

Checkout:

<checkout_onepage_index>
<reference name="checkout.onepage.login.before">
<block type="amazonpayments/onepage_button" name="onepage.amazonpayments.button">
<block type="amazonpayments/pay_button" name="onepage.amazonpayments.button.pay" template="creativestyle/amazonpayments/onepage/button.phtml">
<action method="setIdSuffix"><value>onepage</value></action>
</block>
<block type="amazonpayments/login_button" name="onepage.amazonpayments.button.login" template="creativestyle/amazonpayments/onepage/button.phtml">
<action method="setIdSuffix"><value>onepage</value></action>
</block>
</block>
</reference>
</checkout_onepage_index>

Anschließend speichern, hochladen, 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, dass der “Bezahlen mit Amazon” Button VOR dem “Zur Kasse gehen” 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- Zur Kasse gehen” 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

<block type="amazonpayments/pay_button" name="checkout.cart.methods.amazonpayments_pay.bottom" before="-">

einfach das Wort “before” gegen “after” aus. 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 ($this->getEnableOr()): ?>
<span class="amazonpayments-or"><?php echo $this->__('-OR-'); ?></span>
<?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, dass das “-oder-” vor dem Amazon-Button auftaucht.

Genutzt in Magento Version 1.9 Kommentare? Ergänzungen? Hinweise? Gerne!