style(warenkorb): Express-Button mit eigener Klasse .ppbutton (PayPal-Optik, nicht .button)

This commit is contained in:
Thomas Bartelt
2026-09-13 21:53:58 +02:00
parent 5e6fcb0c3d
commit 7e28a5275c
@@ -150,13 +150,13 @@
{foreach from=$express_providers item=xp}
{if $xp.module == 'paypal_v2'}
<div style="margin-top:10px;">
<a href="/Kasse/?payment_express_start={$xp.module}" class="button express_button express_paypal" title="Direkt mit PayPal bezahlen &ndash; Adresse kommt von PayPal, Sie pr&uuml;fen die Bestellung danach in der Kasse">
<img src="https://www.paypalobjects.com/webstatic/de_DE/i/de-pp-logo-100px.png" alt="PayPal" style="height:22px; vertical-align:middle; margin-right:6px;">Direkt bezahlen
<a href="/Kasse/?payment_express_start={$xp.module}" class="ppbutton" title="Direkt mit PayPal bezahlen &ndash; Adresse kommt von PayPal, Sie pr&uuml;fen die Bestellung danach in der Kasse">
<img src="https://www.paypalobjects.com/webstatic/de_DE/i/de-pp-logo-100px.png" alt="PayPal">Direkt bezahlen
</a>
</div>
{else}
<div style="margin-top:10px;">
<a href="/Kasse/?payment_express_start={$xp.module}" class="button express_button">Direkt mit {$xp.label|escape} bezahlen</a>
<a href="/Kasse/?payment_express_start={$xp.module}" class="ppbutton">Direkt mit {$xp.label|escape} bezahlen</a>
</div>
{/if}
{/foreach}
@@ -194,6 +194,18 @@
{/if}
{literal}
<style>
/* Express-Button der Zahlungsanbieter (eigene Klasse, damit nicht .button greift) */
a.ppbutton, a.ppbutton:visited {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
min-width: 200px; padding: 10px 18px; box-sizing: border-box;
background: #ffc439; color: #003087; font-weight: 700; font-size: 15px;
text-decoration: none; border: 0; border-radius: 22px; line-height: 1.2;
box-shadow: 0 1px 2px rgba(0,0,0,.15); cursor: pointer;
}
a.ppbutton:hover, a.ppbutton:focus { background: #f2ba36; color: #003087; text-decoration: none; }
a.ppbutton img { height: 22px; width: auto; vertical-align: middle; }
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#cashdesk_button').click(function(e) {