Liquid, JavaScript, Themes
Hey,
Ich wollte auf meinem Shop einen 2 Checkout Button programmieren und nutze einmal den HTML Code:
<span class="btn_mobile_checkout" style="padding-top:30px; padding-bottom:30px"> <form action="/cart" method="post" id="cart_form"> <p> <button type="submit" class="action_button add_to_cart" id="checkout" name="checkout"><span class="icon-lock"></span>Checkout</button></p></form></span>
Dieser funktioniert auch jedoch hat er ein komplett andere Design als der ursprüngliche Checkout Button.
Dann versuchte ich es, indem ich den vorherigen Checkout HTML code kopierte und einsetzte. Dieser sah vom Design her dem ursprünglichen gleich, jedoch funktionierte er nicht.
Ich habe einen Screenshot dazu gemacht:
1. Checkout Button: HTML CODE von Shopify (funktioniert nicht, Design gleicht jedoch dem meines ursprünglichen)
2. Checkout Button: MEIN HTML CODE (funktioniert, Design gleicht jedoch nicht dem meines ursprünglichen)
Es wäre sehr nett wenn mir jemand helfen könnte mir einen HTML Code zu schicken, der dem Design gleicht und funktioniert.
Ich wäre euch tausend Mal dankbar!
Mfg
Hallo ShockPain,
das Problem liegt wahrscheinlich hier...
<span class="btn_mobile_checkout" style="padding-top:30px; padding-bottom:30px">
bei der class="" setzte an erster Stelle die Classe von original Button und danach btn_mobile_checkout, so das die basis von der ersten klasse kommt und die ergänzenden, oder die zu überschreibenden Information danach definiert sind.
<span class="original_class btn_mobile_checkout" style="padding-top:30px; padding-bottom:30px">
Grüße Sandor
Shopify unterstützt die weltweit innovativsten Marken und Unternehmer:innen. Um Unterne...
By SarahF_Shopify Mar 25, 2024Was ist ein kleines Element eines Shopify Shops mit großer Wirkung? Ein Element ganz we...
By Kai Mar 14, 2024Was genau ist POD? Von T-Shirts bis hin zu Plakaten, Kaffeetassen, Wandmatten, alles was m...
By Kai Feb 29, 2024