Okay
  Public Ticket #2926017
Formatting issue on Registration Page
Closed

Comments

  •  3
    Steve started the conversation

    Hi Guys!

    I am experiencing a strange formatting issue with my Login/ Registration page.

     If you take a look at my B2B Login page (redblockindustries.com/b2b-login/), you will see at the top of the page I added a Gutenberg shortcode block with this shortcode: [b2bking_b2b_registration_only]

    Directly below this block I added another Gutenberg shortcode block with this shortcode: [b2bking_b2b_registration] 

    You can see on the page that the "registration only" shortcode block is formatted perfectly but the "login + registration" shortcode block is all pushed to the left of the screen.

    I have tried every formatting change that I can think of and this problem never seems to get fixed. The login +registration section is always screwed up and the "Registration Only" section is always formatted perfectly.

    I have included both of these shortcodes on the page for demonstration purposes only because my wholesale store is not up and running yet. I was hoping to use only the "Login +Registration" shortcode on this page so I don't really have any use for the "Registration Only" shortcode.

    Can you guys make a suggestion on how I can fix this?

    Thanks,


    Steve

    Redblock Industries LLP

  •  2,218
    WebWizards replied

    Hi Steve,

    Thank you for purchasing the plugin!

    Sometimes there are styling conflicts with the theme that prevent these elements from showing correctly. 

    It is a bit odd, because [b2bking_b2b_registration] actually uses the [woocommerce_my_account] shortcode, so I'm not sure what that would not display correctly.


    Anyway, I have opened the site and worked on some CSS to better format that:

    #customer_login .col-1, #customer_login .col-2{
        max-width:50% !important;
        flex: initial !important;
    }
    #customer_login {
        display: flex !important;
    }
    #customer_login input[type="text"], #customer_login input[type="email"], #customer_login input[type="password"], #customer_login select {
        width: 100% !important;
    }
    

    In my tests, it makes it look like this:

    2184368299.png

    So please add the above CSS to the site and see if it resolves the issue,


    Kind regards,

    Stefan

  •  3
    Steve replied

    Thanks so much Stefan! It worked perfectly!

    Just to let you know,… I have not been using the standard Wordpress “my account” page, so I did not notice that it was also screwed up in the same way as the B2B King registration page. I suspect that it is a theme conflict but it seems to only occur when using the “my account” login shortcode. That’s why I have not noticed it until now. I guess I will eventually have to sort this out with the theme developers, but for now I’m back in business!

    Thanks again for your help!

  •  2,218
    WebWizards replied

    Glad to hear that worked!  

    If there's anything I can help with, let me know. Have a good week ahead,

    Stefan

  •  3
    Steve replied

    Hi Stefan,

    Sending you a new support ticket didn't work for some reason, so I opened an old ticket to see if the message might get through. I hope that's OK.

    I am having a new problem with WooCommerce email functionality that I'm almost certain is related to my B2B King installation.

    I have two WooCommerce installations on two different sites (Redblock-Retail and Redblock-Pro). Both of these sites have identical Wordpress installations with all plugins also being identical, except for the B2B plugin installed on the Pro site.

    The problem relates to the WooCommerce email "A Note has been added to your Order".

    This email gets sent out on the Redblock-Retail site, but NOT on Redblock-Pro. All the email settings are identical between both sites, but this email is being blocked somehow on the Pro site. I also have WP-Mail Logging installed on both sites so I know that this email is routinely being sent out on the Retail site but not the Pro site. There also seems to be no email sending errors on the Pro site according to WP Mail logging. It simply does not get sent out.

    I have attached two screenshots showing the "Order Notes" sidebar on two WooCommerce orders. The first shows the Retail site where the note was sent out correctly (notice the blue colored box), and the second screenshot shows an order from the Pro site where the email was NOT sent out to the customer.

    Any suggestions on how I might fix this would be much appreciated.


    Attached files:  Screenshot 2023-02-19 at 12.40.15 PM.png
      Screenshot 2023-02-19 at 12.37.55 PM.png

  •  2,218
    WebWizards replied

    Hi Steve,

    Something I'm noticing in your screenshots is that one of the notes is blue, while the other is red.


    Blue notes are public notes (sent to the customer), while red notes are private. So it seems that for some reason on one site the note is marked as private and is therefore not being sent.


    How is that "Order has shipped" note being added? Is it added by a plugin or via a service / API? I would check your settings in that plugin / service to see if you can find a setting such as "notify customer / make note public".


    It seems unlikely to me that B2BKing could be related to the issue. However there is an easy way to check: You can simply deactivate the B2BKing Core and Pro plugins and run a test with an order, and check if the note is still marked as public.


    Kind regards,

    Stefan


  •  3
    Steve replied

    Thanks Stefan,

    I will check with the integration company to see if the API call somehow tells WooCommerce to create a "Private Note" instead of a "Customer Note".

  •  3
    Steve replied

    Hello again Stefan,

    I still have not yet solved the previously mentioned "Order Note" email problem. I checked with the company that receives the API calls for our orders, and they confirmed that the API is not classifying the Order Note as "Private" instead of "Public". They also mentioned that the API for our Redblock-Pro site is identical to the one on our Redblock-Retail site (which does not have this problem). Remember that I also mentioned that the "Order Confirmation" and "Order Complete" emails are being sent to the customer, which suggests that there's nothing fundamentally wrong with the WooCommerce email sending functionality.

    To provide some more insight on this problem,  I recently noticed another email sending problem. The "Your account has been approved" email that's supposed to be sent out after a new account is approved, is also not being sent out (I've set B2B King to moderate all new account registrations). And the email settings are set correctly in WooCommerce.

    This is obviously a Wordpress issue rather than a WooCommerce issue, so I thought it might provide some more insight into this problem.

    PS: I was not able to disable B2B King to test the "Order Note" email problem on our Pro site as you suggested. The only way I can test it is if I submit a real order on our Pro site, because this problem only occurs after our warehouse gets the order (via API), the shipping is arranged, and the tracking number is sent back to WooCommerce (via API). The Order Note is then supposed to be automatically sent out to the customer with the tracking info. As well, if I open any WooCommerce order on the Pro site, and attempt to send a "Private Note" to a customer manually (in the right sidebar), it works perfectly. The automatic sending of the order note (containing the tracking info) has just been disabled somehow.


  •  2,218
    WebWizards replied

    Hi Steve,

    In the case of the "Your account approved" email, have you checked to see if the email can be found in the logs of the Mail Logging plugin?

    We often find that email is stopped by email / spam filters and may exist in the logs, but not reach its destination.

    If that is the issue, it could be solved by installing and configuring a SMTP plugin such as https://wordpress.org/plugins/wp-mail-smtp/


    If you find this email does not exist in the logs, that is something I can help resolve if you can provide a backend login to the site / staging site.


    Regarding the issue with the order note email, I'd be happy to look into it, but I'd need a way to test for the issue - without a way to test I'm really not sure what it could be. Our plugin does not send emails directly and does not have any effects on how emails are sent.


    Kind regards,

    Stefan

  •  3
    Steve replied

    Hi Stefan,

    According to our Mail Logging plugin, the "Your account is approved" email is not being sent out. We already have an SMTP plugin. I have decided to put this issue aside for the moment since it is not of critical importance. For now, I will send out the account approval emails manually.

    A bigger problem is that we regularly get account registrations from scammers with gmail addresses. I have set up the B2B King account registration process so that all new users require "approval", but these individuals (or bots?) somehow bypassed the "required" fields that I set up in B2B King, and are able to submit the form regardless.

    I'm not sure of the objective of these individuals, but this scares the hell out of me because we almost got hacked recently. Via a compromised plugin, a hacker was able to create an admin user on our site (and all our plugin were up to date!). My brother was logged in at the time, so he identified & deleted this user before they were able to log in. We've always had a ridiculous degree of security measures implemented on our site (my brother previously worked in IT), so I'm understandably paranoid about any security problems that B2B King might have (and not too happy with Wordpress as a CMS at the moment, either).

    Can you please suggest how I might fix this? It would also be nice if you could suggest a way for me to require 2FA for all our customer accounts when they sign into their account on our site.

    Thanks!

  •  2,218
    WebWizards replied

    Hi Steve,

    I believe these are likely bots and probably why they can also bypass the required fields. Usually they make accounts and post spam comments with links.


    I believe you can solve this by adding a captcha to the registration. 

    Last time I checked, B2BKing's registration was working fine with this free captcha plugin: https://wordpress.org/plugins/wp-recaptcha-integration/ - I would advise to install and enable this for the registration form.


    I think there are also various plugins which can enable 2FA, but that's usually a nuisance for genuine customers so I don't know if it's best to go that way. Usually captchas can solve this problem.


    Regarding WP security, hosting plays a huge part in my experience. We've been really happy with Siteground about this, had 0 issues after moving our sites to them and their firewall even caught / quarantined some issues when they came up.


    Kind regards,

    Stefan

  •  3
    Steve replied

    Hi Stefan,

    Thanks for the recaptcha suggestion. I decided to use Advanced Google Recaptcha, and it seems to work well.

    I had another, much simpler question.

    I have installed a file integrity checker plugin, but I need an up-to-date version of B2B King Core and Pro files so that this plugin can do its job.

    I have logged into Envatomarket but the "Recent Updates" tab only seems to contain the original zip file (I'm assuming Core, not Pro).

    Could you please let me know where can I download up-to-date versions of both B2B King Core & Pro? A link would be nice.


  •  2,218
    WebWizards replied

    Hi again,

    - The zip for B2BKing Core can be downloaded from https://downloads.wordpress.org/plugin/b2bking-wholesale-for-woocommerce.zip

    - B2BKing Pro can be downloaded from your envato (codecanyon) account, from https://codecanyon.net/downloads

    That download on CodeCanyon will always contain the latest version of the Pro plugin (we update it each time we release a new plugin update).


    Kind regards,

    Stefan