Layout PayPal und Zahlmethoden im Checkout

[PatStevens]

Hallo zusammen,

neuer Shop, 1.7., gerade frisch migirert etc.

Als Zahlmethoden habe ich

• Überweisung
• Nachnahme
• über Paypal (PayPal, Kreditkarte, Sepa)

 

Jetzt, im neuen Shop, sind die zahlmethoden Radio Buttons, die man erst anwählen muss (Keine Logos)
Um Kreditkartenzahlung sehen zu können, muss also erst der PayPal angeklickt werden, und danach Kreditkarte. 
Das halte ich für super nicht intuitiv.

Ich halte das für einen Conversion Killer, weil Kreditkarten-Kunden nicht direkt sehen, dass sie per kreditkarte zahlen können.

Gibt es einen Weg, einfach alle Zahlmethoden direkt anzuzeigen (auch wenn dann nicht gleich klar ist, dass Kreditkartenazhlung via PayPal läuft?
Anderes Modul? (Nutze das offizielle Paypal-Modul)
 

 

[NSN]

Da ich 1.7 nicht im Einsatz habe kann ich dir keine perfekte Lösung anbieten, aber fürs Erste könntest du ja den Text "Zahlen Sie mit PayPal Plus" in "Zahlen Sie mit PayPal oder Kreditkarte" ändern. Dann sieht man zumindest dass Kartenzahlungen möglich sind.

[rictools]

Du kannst (wohl per CSS) einstellen, daß der Teil, der normalerweise erst nach dem Klick auf den Radio-Button angezeigt wird, permanent erscheint, also nicht zunächst (wohl per "display: none;") verborgen wird.

[PatStevens]

Ok. Habe mir mal ein anderes Paypal-Modul angeschaut. Da ist es ähnlich.

Werd' ich wohl der Frontend (Templates, CSS) ran müssen. Ich schreibe dann später was draus geworden ist..

[JBW]

Du kannst wie von @rictools vorgeschlagen den Block einblenden lassen - allerdings ist die Zahlungsart dann nicht gewählt und es könnte zu Verwirrung beim Kunden führen

Bei mir ist es die zweite Zahlungsart - ansonsten die Zahl entsprechend tauschen

#payment-option-2-additional-information {
    display: block !important;
}

Wenn du Paypal eh als Standard vorselektieren willst geht das mit Javascript - da wird der Block dann auch eingeblendet

$("#payment-option-2").click()

 

[PatStevens]

Hallo zusammen,

habe zunächst in der payment.tpl das Input-Feld auf checked gesetzt, aber, wie JBW schreibt ist dann der Radio Button in 1.7. nicht aktiv. 

Somit habe ich dann in meine custom.tpl ein click()-Event per Javascript geworfen.

Da ich aber nicht wollte, dass es kaputt geht, wenn man die Reihenfolge der Zahlmittel ändert, habe ich nicht anhand der ID selektiert..

2 hours ago, JBW said:

$("#payment-option-2").click()

 

..sondern anhand des data-Attributs der Zahlmethode.. Quasi also das hier in meine custom.js geschrieben.

jQuery(window).load(function(){ $('.payment-options input[data-module-name="paypal_plus"]').click(); });

Zusätzlich habe ich auch die Translation im PayPal Modul geaändert, damit aus dem Namen "PayPal Plus" ein "PayPal, Kreditkarte, Lastschrift etc." wird. 

[JBW]

1 minute ago, PatStevens said:

.sondern anhand des data-Attributs der Zahlmethode.. Quasi also das hier in meine custom.js geschrieben

Ah super, hatte ich gar nicht gesehen - so ist es natürlich viel sauberer und generisch einsetzbar