Conversation
supportHello Support Team! On the WooCommerce KUSTOM checkout page, form fields such as (title, comments, and customer number) are displayed. How can I hide these? The form fields are only displayed with KUSTOM checkout, not with the other payment options. https://www.directupload.eu/file/d/9265/eazb6sej_png.htm I have highlighted the form fields in yellow. Thanks The page I need help with: [ log in to see the link]
Hi Fred, Thank you for reaching out! The fields you have highlighted, “Anrede” and “Kundennummer” are not coming from KCO. Kustom Checkout does not control the visibility of custom checkout fields like these. The most likely source is a plugin or theme that adds extra fields to the WooCommerce checkout, for example plugins like Germanized for WooCommerce or WooCommerce German Market. The reason they appear only with Klarna Checkout is that KCO renders address and payment inside an iframe, leaving any additional WooCommerce fields visible outside it, whereas with other payment methods, these fields may be styled or positioned differently and less noticeable. To hide them, you would need to either configure or disable the plugin/theme that adds them, or target them with CSS.
body.woocommerce-checkout #order_comments_field, body.woocommerce-checkout #billing_title_field, body.woocommerce-checkout #billing_adresszusatz_field, body.woocommerce-checkout #billing_kundennummer_field, body.woocommerce-checkout #shipping_title_field, body.woocommerce-checkout #shipping_adresszusatz_field { display: none !important; } Unfortunately, the fields are hidden everywhere. What am I doing wrong? I only want the fields on the KUSTOM page to be hidden?
Hi Fred, Just to clarify, the fields are visible on the Kustom Checkout page and you want to hide them there, but your CSS is not working as expected? The CSS you shared targets body.woocommerce-checkout which applies to the entire checkout page, so it would hide the fields for all payment methods, not just Kustom Checkout. To help you with the correct CSS selector for Kustom Checkout specifically and get it to work, could you share a link to the checkout page, so we can see it without being logged in?
Here is the link to the checkout page: https://goodlife.de/kasse/ Thank you in advance.
Hi Fred, If you only want to hide the fields on the kco-checkout you can try the class: body.kco-one-selected
Fantastic! It works. Thank you so much!
Hi Fred, Thank you for reaching out! The fields you have highlighted, “Anrede” and “Kundennummer” are not coming from KCO. Kustom Checkout does not control the visibility of custom checkout fields like these. The most likely source is a plugin or theme that adds extra fields to the WooCommerce checkout, for example plugins like Germanized for WooCommerce or WooCommerce German Market. The reason they appear only with Klarna Checkout is that KCO renders address and payment inside an iframe, leaving any additional WooCommerce fields visible outside it, whereas with other payment methods, these fields may be styled or positioned differently and less noticeable. To hide them, you would need to either configure or disable the plugin/theme that adds them, or target them with CSS.
body.woocommerce-checkout #order_comments_field, body.woocommerce-checkout #billing_title_field, body.woocommerce-checkout #billing_adresszusatz_field, body.woocommerce-checkout #billing_kundennummer_field, body.woocommerce-checkout #shipping_title_field, body.woocommerce-checkout #shipping_adresszusatz_field { display: none !important; } Unfortunately, the fields are hidden everywhere. What am I doing wrong? I only want the fields on the KUSTOM page to be hidden?
Hi Fred, Just to clarify, the fields are visible on the Kustom Checkout page and you want to hide them there, but your CSS is not working as expected? The CSS you shared targets body.woocommerce-checkout which applies to the entire checkout page, so it would hide the fields for all payment methods, not just Kustom Checkout. To help you with the correct CSS selector for Kustom Checkout specifically and get it to work, could you share a link to the checkout page, so we can see it without being logged in?
Here is the link to the checkout page: https://goodlife.de/kasse/ Thank you in advance.
Hi Fred, If you only want to hide the fields on the kco-checkout you can try the class: body.kco-one-selected
Fantastic! It works. Thank you so much!