Checkout layout durch inaktive checkboxen beeintr?chtigt

Hi,

Germanized hat keinen Einfluss auf das Layout deines Shops, d.h. das solltest du dir mal via chrome dev tools genauer ansehen – vermutlich werden da, warum auch immer, auch leere divs stur mit Abstandsregeln (margins, paddings o.?.) versehen.

Grü?e

?h, wollte ihr mich ver?ppeln? Was macht den die One Button L?sung von euch dann wenn nicht das ganze Layout ver?ndern? Die würfelt das komplette Checkout Layout auf Grund der besonderen deutschen Bürokratie durcheinander. Deutschland ist vermeintlich das einzige Land auf der Erdkugel die an der Abfolge einer Online Kasse fachsimplen muss…. Natürlich beeinflusst somit Germanized das Layout eines Shops. Nicht nur unsere..
Punkt ist, die Optionen wie Software Download / Gebraucht Artikel etc sind deaktiviert. Warum rendert ihr diese überhaupt und es ladet Dinge im Dom die keine Verwendung finden?? Sowas wie das hier würde es verhindern und man spart sich noch styling code….

document.addEventListener("DOMContentLoaded", function() {
    const gebrauchtwarenOption = document.querySelector('.germanized-used-goods-option'); 

    const checkboxPlaceholder = document.querySelector('.wc-gzd-checkbox-placeholder-data-used-goods-warranty');
    
    if (gebrauchtwarenOption && gebrauchtwarenOption.checked) {
        checkboxPlaceholder.setAttribute("data-checkbox", "used_goods_warranty");
    } else {
        checkboxPlaceholder.style.display = "none";
    }
});

Wie ich eingangs sagte, hat wer diese Woche im WP Ecosystem am Checkout rumgedoktert. Mir ist das unn?tige Rendern erst durch den Layoutfehler aufgefallen, auch wenn Germanized diesen vielleicht nicht verursacht hat, bleibt fundamental die Kritik, dass die Elemente von euch überhaupt erst geladen werden.

Hi,

Germanized ver?ndert aufgrund der Button-L?sung durchaus die Struktur des Checkouts, das ist richtig aber das Layout/Styling übernimmt weiterhin dein Theme, Woo bzw. dein Pagebuilder. Was die Sache mit dem DOM angeht hast du recht, das werde ich anpassen. Wenn die Checkbox wirklich komplett deaktiviert ist, sollte auch kein placeholder gerendered werden. Der placeholder wird für dynamische Checkboxen ben?tigt, z.B. für bestimmte Zahlungsarten oder Checkboxen die an sonstige Bedingungen gebunden sind.

Ich werde auch in unserem default stylesheet eine kleine Erg?nzung einfügen um die placeholder sicherheitshalber zu verstecken. Das geht z.B. folgenderma?en recht elegant ohne JS:

.wc-gzd-checkbox-placeholder:empty { display: none; }

Grü?e