Da es zum aktuellen Zeitpunkt noch kein Plentymarkets Shopbuilder-Widget gibt, das die vorhandenen Zahlungsmethoden ordentlich mit kleinen Icons der einzelnen Anbieter im Frontend ausgibt, habe ich mir die Mühe gemacht ein HTML-Snippet zu bauen.

Folgendes HTML-Snippet kann ganz einfach über den ShopBuilder in Ceres ausgegeben werden:
<!--
/ Payment-Methods
/
/ Shows icons of available payment methods.
/
/ @author Michael Schmidt <info@spet.de>
/ @copyright 2019 Spet. GmbH
/ @license Open Source
/ @version 2019.04.08.1 (Ceres 4.0.0, CeresCoconut 1.0.7)
/ @link http://www.spet.de/2019/04/08/zahlungsmethoden-im-footer-anzeigen/
/ @since 8. April 2019
-->
<div id="payment-methods">
<!-- Amazon Pay & Sofort -->
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/amazon-pay.png" alt="Amazon Pay" title="Amazon Pay">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/sofort.png" alt="Sofort" title="Sofort">
<!-- PayPal -->
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/paypal.png" alt="PayPal" title="PayPal">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/mastercard.png" alt="MasteCard" title="MasterCard">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/visa.png" alt="Visa" title="visa">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/american-express.png" alt="American Express" title="American Express">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/ratenzahlung.png" alt="Ratenzahlung by PayPal" title="Ratenzahlung by PayPal">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/sepa-lastschrift.png" alt="SEPA Lastschrift" title="SEPA Lastschrift">
<!-- Kauf auf Rechnung, Vorkasse, Nachnahme -->
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/kauf-auf-rechnung.png" alt="Kauf auf Rechnung" title="Kauf auf Rechnung">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/vorkasse.png" alt="Vorkasse" title="Vorkasse">
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/nachnahme.png" alt="Nachnahme" title="Nachnahme">
<!-- SSL Zertifikat -->
<img src="https://cdn02.plentymarkets.com/akuejjp32r7p/frontend/bildarchiv/zahlungsmethoden/ssl.png" alt="SSL Datensicherheit" title="SSL Datensicherheit">
</div>
Noch das passende CSS für z.B. CeresCoconut dazu:
/* Payment-Methods */
#payment-methods img {
max-width: 80px;
padding: 10px;
}
Neueste Kommentare