style(warenkorb): Express-Button mit eigener Klasse .ppbutton (PayPal-Optik, nicht .button)
This commit is contained in:
@@ -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 – Adresse kommt von PayPal, Sie prü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 – Adresse kommt von PayPal, Sie prü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) {
|
||||
|
||||
Reference in New Issue
Block a user