Magento – Login und Bezahlen mit Amazon Design anpassen

Using the extension “Login and Payment with Amazon” of 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 / -Payment – change functions in the frontend can.

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="happy">
<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="happy">
<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>

Then save, 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, that the “Bezahlen mit Amazon” Button BEFORE “Proceed to Checkout” Button war. Auch hier wollten wir nicht, dass der eigene Button vom neuen Button in den Hintergrund gestellt wird. Die Reihenfolge sollte somit nicht

“Pay with Amazon -or- Proceed to Checkout” be but “To checkout -or-- 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="-">

just the word “before” against “after” from. 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, that the “-or-” appears before the Amazon button.

Used in Magento Version 1.9 Comments? Additions? Notes? Gladly!