Anpassen der Schaltflächen auf der Kassenseite

Standard-Schaltflächenstile

In der Standardvorlage für die Kassenseite von MemberMouse ist ein SmartTag™ enthalten, der automatisch eine Schaltfläche für jede aktive Zahlungsmethode anzeigt. Hier ist der SmartTag™, der dafür verantwortlich ist:

[MM_Form_Button type='all']

Um diese Funktionalität anbieten zu können, müssen wir die Stile der Schaltflächen kontrollieren. Es gibt einige kleinere Anpassungen, die Sie über SmartTag™-Attribute vornehmen können. Sie können zum Beispiel die Farbe und den Text der Schaltfläche wie folgt ändern:

[MM_Form_Button type='all' label='Jetzt kaufen' color='grün']

2 getrennte Schaltflächen auf einer Kassenseite

Oftmals möchten Sie auf Ihrer Website eine eindeutige Schaltfläche sowohl für Ihr Onsite Payment Gateway als auch für Ihr Offsite Payment Gateway haben.

Dazu müssen Sie die MM_Form_Button type='all' aus Ihrem Code entfernen und für jedes Zahlungsgateway eine eigene Schaltfläche hinzufügen.

Verwenden Sie diesen Code für das Onsite Payment Gateway:

<a href="/de/[MM_Form_Button type='submit' paymentMethod='default']/" 

class="mm-button blue large rounded">Mit Stripe anmelden</a>

Und dies für das Offsite Payment Gateway:

<a href="/de/[MM_Form_Button type='submit' paymentMethod='paypal']/" 

class="mm-button green large">Mit PayPal anmelden</a>

Sie können auch ein Bild für die Schaltfläche verwenden, indem Sie den folgenden Code verwenden:

<a href="/de/[MM_Form_Button type='submit' paymentMethod='paypal']/">

<img src="http://www.paypalobjects.com/en_US/i/btn/x-click-but5.gif"></a>

Verwenden Sie diese Snippets, wenn Sie Ihre beiden Schaltflächen an unterschiedlichen Stellen auf der Kassenseite platzieren möchten, oder wenn Sie einfach mehr Kontrolle über das Aussehen und die Position der Schaltflächen haben möchten.

Vollständige Kontrolle über Schaltflächenstile

Wenn Sie die vollständige Kontrolle über die Schaltflächenstile und das Layout haben möchten, können Sie stattdessen die folgende SmartTag™-Konfiguration verwenden:

[MM_Form_Button type='submit' paymentMethod='paypal']

Dadurch wird lediglich ein Link ausgegeben, der das Formular an die von Ihnen im Attribut paymentMethod angegebene Zahlungsmethode übermittelt. Da nur ein Link ausgegeben wird, liegt es in Ihrer Verantwortung, festzulegen, wie er auf dem Bildschirm angezeigt wird, indem Sie den SmartTag™ mit einer <a> Tag oder <button> Tag. Sie könnten zum Beispiel wie folgt vorgehen:

<a href="/de/[MM_Form_Button type='submit' paymentMethod='paypal']/">Bezahlen mit PayPal</a>

Anmerkung: Sobald Sie das SmartTag [MM_Form_Button type='all'] nicht mehr verwenden, das automatisch eine Schaltfläche für jede aktive Zahlungsmethode erstellt, sind Sie dafür verantwortlich, jede Schaltfläche, die Sie auf der Checkout-Seite einfügen möchten, mit der SmartTag-Konfiguration [MM_Form_Button type='submit' paymentMethod="] zu erstellen.

Lesen Sie diesen Artikel für vollständige Dokumentation zum SmartTag MM_Form_Button™.

Dieser Artikel beschreibt die Attribute, die Sie verwenden können, um die Tasten gestalten auf der Seite "Kasse".