Changing Forms

Hi Bert,

Thanks for getting in touch. I understand you'd like to add some custom text to the login form.

I believe this uses the [b2bking_login_only] shortcode, is that correct?

It would be helpful if you could indicate exactly where you'd like to add the text - before or after the login form?

While we can help you add text before or after the form itself, we unfortunately cannot add text within the form itself (such as between the login and password fields) since it uses the core WooCommerce login form function (woocommerce_login_form) which we don't have full control over.

Kind regards,
Stefan

Hi Bert,

I looked further into that and tested locally as well,

The filter is something we could hide (happens because of the order in which code runs), but I realized now that the text is still not meaningfully added to the form, because the form function generates everything including the text.

I went over the WooCommerce code that generates that function. There are a few hooks there we can use. I suggest we try that as a new approach.

We can use this as a code snippet:

add_filter('woocommerce_login_form_start', function($val){
    echo 'start text here';
}, 10, 1);

add_filter('woocommerce_login_form', function($val){
    echo 'middle text here';
}, 10, 1);

add_filter('woocommerce_login_form_end', function($val){
    echo 'end text here';
}, 10, 1);

On my local site it displays as

I'd suggest adding the same code snippet to your site, and checking which text is best positioned for your needs, then keeping only that part of the snippet.

KInd regards,

Stefan

Hi Bert,

I've added some CSS to hide the filters. If you're still seeing them anywhere on your site, please let me know which specific page URLs you're seeing them on and I'll help you get those hidden as well.

Kind regards,
Stefan

Hello Bert,

It looks like there's a CSS conflict there.

To solve that, please add the following CSS to your site:

#customer_login .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 7px !important;
}

This can be added to any area that supports CSS. Usually a good place to add it is to Appearance -> Customize -> Additional CSS.

Kind regards,

Stefan