Änderungen der Checkboxen im Warenkorb

Anpassung an PHTML-Dateien, CSS, Javascript und HTML

Moderator: maennchen1.de

Antworten
Gabriele Sch.
Beiträge: 630
Registriert: 22.06.2018, 09:18
Lizenz: wpShopGermany Enterprise

Änderungen der Checkboxen im Warenkorb

Beitrag von Gabriele Sch. »

Hallo,

möglicherweise erübrigt sich das Thema, wenn der Einseiten-Checkout nutzbar ist (?). Es wäre nett, wenn es dazu zuerst eine Rückmeldung gibt.

Ansonsten:

Die Checkboxen (bei mir)
Newsletter
Abweichende Lieferanschrift und
AGBs gelesen

können sehr leicht überlesen werden, da sie klein sind und sehr dicht am davor- bzw. nachfolgenden Text sitzen.

Wir haben versucht die Klickboxen zu vergrößern und auch Abstände zu setzen. Das war teilweise erfolgreich, aber die gesetzten Haken sind dann nicht mehr sichtbar. Also das Feld wird nicht mehr grün und damit ist der weiße Haken unsichtbar (aber vermutlich weiterhin vorhanden).

Mit folgenden CSS Codes wurde gearbeitet:
/*S Kontrollkasten Newsletter */

#act_checkout_shippingadress.wpsg_checkout.formfield_checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 1em;
width: 100%
}

#act_checkout_shippingadress.wpsg_checkout.formfield_checkbox{
width:1%;
border: 2px solid #bbb;
padding:.75em 1.8em 0.9em .1em;
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
background-color:white;
margin-bottom: -10px;
}

#wpsg_mod_nlsatolo.wpsg_checkout {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 1em;
width: 100%;
margin-top: 5px;
margin-bottom: -10px;
}

#wpsg_mod_nlsatolo.wpsg_checkout {
width:1%;
border: 2px solid #bbb;
padding:.75em 1.8em 0.9em .1em;
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
background-color:white;
}

.wpsg_checkout .wpsg_checkoutblock {
margin-bottom: 10px;
}
die wir jetzt erst einmal alle wieder entfernt haben und den alten Zustand wieder hergestellt haben.

Unsere Vermutung ist, dass in "appearance" Eingaben zu machen sind.
Könnte ihr, falls s.o., ein arbeiten an dem Checkout sinnvoll sein sollte, da weiterhelfen? bzw. habt ihr eine Idee wie das Thema sonst zu lösen wäre?

Vielen Dank! und Viele Grüße
Benutzeravatar
solala
Beiträge: 710
Registriert: 23.09.2011, 20:41
Lizenz: wpShopGermany Enterprise

Re: Änderungen der Checkboxen im Warenkorb

Beitrag von solala »

Hallo,
wie wäre es mit CSS3 Checkboxen?
Hier ein netter Generator: http://doodlenerd.com/html-control/css- ... -generator

Übrigens greift der Einseitencheckout auch "nur" auf die sonstigen Templates zu:
AGB's sind in der overview.phtml
Lieferadresse in checkout.phtml
Newsletter (arbeite nicht damit) auch in checkout.phtml?

Du kannst die also jetzt schon anpassen...
Viele Grüße,
von dem der solala programmieren kann.
Produktive Version im Web: 2.5.8
Neuer Shop in Entstehung mit derzeit 4.3.6
Antworten bekommt nur noch der, der auch grüßt.
Gabriele Sch.
Beiträge: 630
Registriert: 22.06.2018, 09:18
Lizenz: wpShopGermany Enterprise

Re: Änderungen der Checkboxen im Warenkorb

Beitrag von Gabriele Sch. »

Herzlichen Dank, solala.
Das werde ich mir ansehen.
Viele Grüße
Antworten