Allgemeines » Checkout-Botton bearbeiten

Jimdo-Userforum � Jimdo User-Forum � Allgemeines � Checkout-Botton bearbeiten

Themen-Einstellungen

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Allgemeines Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | Checkout-Botton bearbeiten datum

28.07.2016 03:56

Guten Abend,

Ich versuche den Ausblendungseffekt der Schrift im "Checkout-Button" zu entfernen. Die Schrift soll also auch nach anklicken des Buttons sichtbar bleiben. Jedoch ohne Erfolg. Hat jemand vielleicht eine Idee für mich?

Im Anhang ist ein Bild, welches den "Checkout-Button" im gedrückten Zustand zeigt. (den Loadingspinner habe ich schon ausgeschaltet)

Antworten

#2 | RE: Checkout-Botton bearbeiten datum

28.07.2016 15:47

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

Hallo @christian10,

versuch mal dieses Script:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
/* shop-addtocard-response
-----------------------------------------------*/
.cc-shop-addtocard-response,
.j-shop-addtocard-response,
.j-shop-addtocard-response--message,
.j-shop-addtocard-response--item-details,
.j-shop-addtocard-response--item-title,
.j-shop-addtocard-response--item--variant,
.j-shop-addtocard-response--item-price,
.j-shop-addtocard-response--action,
.j-shop-addtocard-response--backward,
.j-shop-addtocard-response--forward {
	background-color: #fff !important;
}
 
.j-shop-addtocard-response--message p { text-align: left; }
 
.j-shop-addtocard-response--action,
.j-shop-addtocard-response--backward,
.j-shop-addtocard-response--forward {
background: #fff; border: 1px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;
border:1px solid #999;
}
 

/*Schaltflächen forward/backward
---------------------------------------------*/
.j-shop-addtocard-response--forward:link:hover, .j-shop-addtocard-response--forward:visited:hover {
    color: #fff!important;
    background-color: #C2441F !important;
    border-color: #999 !important;
}
 
.j-shop-addtocard-response--backward:link:hover, .j-shop-addtocard-response--backward:visited:hover {
  color: #333!important;  border-color: #999 !important;
}
 
/*
body .j-shop-addtocard-response .j-shop-addtocard-response--backward:link:hover, body .j-shop-addtocard-response .j-shop-addtocard-response--backward:visited:hover, body .j-shop-addtocard-response .j-shop-addtocard-response--backward:link:active, body .j-shop-addtocard-response .j-shop-addtocard-response--backward:visited:active, body .j-shop-addtocard-response .j-shop-addtocard-response--backward:link:focus, body .j-shop-addtocard-response .j-shop-addtocard-response--backward:visited:focus,
 
body .j-shop-addtocard-response .j-shop-addtocard-response--forward:link:hover, body .j-shop-addtocard-response .j-shop-addtocard-response--forward:visited:hover, body .j-shop-addtocard-response .j-shop-addtocard-response--forward:link:active, body .j-shop-addtocard-response .j-shop-addtocard-response--forward:visited:active, body .j-shop-addtocard-response .j-shop-addtocard-response--forward:link:focus, body .j-shop-addtocard-response .j-shop-addtocard-response--forward:visited:focus {
    background-color: #C2441F;
    border-color: #999;
}
*/
 
 

...die Farben kannst Du dann ja selbst anpassen. Hoffe, das hilft Dir!

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Checkout-Botton bearbeiten datum

28.07.2016 18:03

Nicht wirklich, oder ich verstehe es nur nicht.

@az_
Ich habe dein Skript ausprobiert und bin nicht zu dem gewünschten Ergebnis gekommen. Ich möchte ja, dass der Text, welcher im Button steht, nicht ausblendet wenn man auf den Button klickt.

Hat es vielleicht was mit diesem hier zu tun?

span.j-shop-addtocard-response--forward-button-text

... aber mehr finde ich nicht heraus. Ich habe sachen wie visibility: none und color: #000 ausprobiert ... ist das ein hover effekt der die schrift ausblenden lässt?

Antworten

#4 | RE: Checkout-Botton bearbeiten http://www.yunkbox.com/ datum

29.07.2016 23:49

keine Anhnung... ich glaub es ist ein JS-onclick event. Musste mal forschen, wär mir aber nicht wichtig. Ich würde den button einfach grau machen (grey) und fertig.

LG, az

PS: ...tolle Arbeit übrigens, Deine Seite!

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#5 | RE: Checkout-Botton bearbeiten http://www.yunkbox.com/ datum

05.08.2016 21:09

.j-shop-addtocard-response--forward.is-loading .j-shop-addtocard-response--forward-button-text {
opacity: 1 !important;
}

... mehr war es anscheinend nicht :)

Antworten