I'm close to the end of a project - we should contact customers and promote the website / webshop to google and other search engines, some usual steps when finishing a web solution. Yesterday I've realized, that the woocommerce solution, you have developed is facing some really big usability issues - according to the interaction in when checking out and completing the order.
One of the biggest problems is, that the "checkout-steps" bar is not changing it's state, when klicking on the buttons "Next Steps" and "Previous Steps" - i do mean really the buttons below, not the linking in the checkout bar itself. --> The user might get confused, very quick and break up the ordering proces, which is fatal to any webshop and e-commerce solution.
An other problem is, that if you are on the billing page and your not filling out the form, even the mandatory fields - the form validation is not firing untill you try to complete the order - so at the end of your ordering-steps, yo get an error message, but you don't now how to get back and at wich step the mistake happened, because your "checkout-steps" is not indicating, where you actually are.
This should fix the problem for the step tabs, for the information that are not filled correctly for the moment we don\'t have a quick fix to share, but we will look upon this problem and make a fix in our next update.
Sorry for the inconvenience and thanks for your patience.
Thank you very much für the code snipped - I\'ve implemented it and it works very well. I\'ts a big improvement regarding of positive user experience and user trust, the most importing value for an e-commerce platform.
Anyway - the \"other issue\" I\'ve mentioned is as well as the first one, very important too - don\'t stop working on it. Maybe you should implement a supplemental code validation - like the validate.js (jQuery plugin).
Yo may also rethink the interaction, when choosing between an \"continue as a guest\" and \"create account\". The first one is OK, but if I\'ll be an returning customer and want to create an account, it might be very confusing that your not displaying an \"user name / e-mail\" field in the modal box!!! (Attachment)
The guest checkout option is still displayed even though the setting is disabled within woocommerce. Is this still an ongoing issue? It is a complete deal breaker for our project to go ahead if we cannot force users to create an account as the site is due to go live on the 1st of June 2016.
The products sold are all membership types so there is an huge dependency on the products being tied to an account.
If this is still work in progress for a future release please let us know, however a snippet of code to fix for now would be very much appreciated.
Hello Support team.
I'm close to the end of a project - we should contact customers and promote the website / webshop to google and other search engines, some usual steps when finishing a web solution. Yesterday I've realized, that the woocommerce solution, you have developed is facing some really big usability issues - according to the interaction in when checking out and completing the order.
One of the biggest problems is, that the "checkout-steps" bar is not changing it's state, when klicking on the buttons "Next Steps" and "Previous Steps" - i do mean really the buttons below, not the linking in the checkout bar itself. --> The user might get confused, very quick and break up the ordering proces, which is fatal to any webshop and e-commerce solution.
An other problem is, that if you are on the billing page and your not filling out the form, even the mandatory fields - the form validation is not firing untill you try to complete the order - so at the end of your ordering-steps, yo get an error message, but you don't now how to get back and at wich step the mistake happened, because your "checkout-steps" is not indicating, where you actually are.
another reference (you need to chose an article first - put it in your cart): https://hollandvelo.ch/checkout/
Hello Darko, thanks for the feedback,
For the step at the top of the page please go modify the form-checkout.php
and replace the code from the line \"j$(\'.cart_details_back\').filter(\':hidden\').filter(\':first\')\"
to
j$(\'.cart_details_back\').filter(\':hidden\').filter(\':first\') <?php if(is_user_logged_in()){ ?> j$(\".popup_bg\").css(\"visibility\",\"hidden\"); j$(\".popup_bg\").css(\"opacity\",\"0\"); j$(\".create-account\").css(\"top\",\"125%\"); j$(\".create-account\").css(\"opacity\",\"0\"); j$(\"#rd_login_form\").css(\"display\",\"none\"); j$(\".rd_guest_checkout\").css(\"display\",\"none\"); j$(\"#customer_details\").css(\"visibility\",\"visible\"); j$(\"#customer_details\").css(\"height\",\"auto\"); j$(\"#customer_details\").css(\"overflow\",\"visible\"); <?php } ?> j$(\'.rd_create_acc\').click(function (e) { j$(\".popup_bg\").css(\"visibility\",\"visible\"); j$(\".popup_bg\").css(\"opacity\",\"0.6\"); j$(\".create-account\").css(\"opacity\",\"1\"); j$(\".create-account\").css(\"top\",\"50%\"); }) j$(\'.popup_bg\').click(function (e) { e.preventDefault(); j$(\".popup_bg\").css(\"visibility\",\"hidden\"); j$(\".popup_bg\").css(\"opacity\",\"0\"); j$(\".create-account\").css(\"top\",\"125%\"); j$(\".create-account\").css(\"opacity\",\"0\"); }) j$(\'.create_acc_done\').click(function (e) { e.preventDefault(); j$(\".popup_bg\").css(\"visibility\",\"hidden\"); j$(\".popup_bg\").css(\"opacity\",\"0\"); j$(\".create-account\").css(\"top\",\"125%\"); j$(\".create-account\").css(\"opacity\",\"0\"); j$(\"#rd_login_form\").css(\"display\",\"none\"); j$(\".rd_guest_checkout\").css(\"display\",\"none\"); j$(\"#customer_details\").css(\"visibility\",\"visible\"); j$(\"#customer_details\").css(\"height\",\"auto\"); j$(\"#customer_details\").css(\"overflow\",\"visible\"); j$(\".checkout_step\").removeClass(\"active_step\"); j$(\".step_billing\").addClass(\"active_step\"); }) j$(\'.rd_guest_acc\').click(function (e) { e.preventDefault(); j$(\"#rd_login_form\").css(\"display\",\"none\"); j$(\".rd_guest_checkout\").css(\"display\",\"none\"); j$(\"#customer_details\").css(\"visibility\",\"visible\"); j$(\"#customer_details\").css(\"height\",\"auto\"); j$(\"#customer_details\").css(\"overflow\",\"visible\"); j$(\".checkout_step\").removeClass(\"active_step\"); j$(\".step_billing\").addClass(\"active_step\"); }) j$(\'.customer_details_back\').click(function (e) { e.preventDefault(); j$(\"#rd_login_form\").css(\"display\",\"block\"); j$(\".rd_guest_checkout\").css(\"display\",\"block\"); j$(\"#customer_details\").css(\"visibility\",\"hidden\"); j$(\"#customer_details\").css(\"height\",\"0\"); j$(\"#customer_details\").css(\"overflow\",\"hidden\"); j$(\".checkout_step\").removeClass(\"active_step\"); j$(\".step_signin\").addClass(\"active_step\"); }) j$(\'.customer_details_next\').click(function (e) { e.preventDefault(); j$(\"#customer_details\").css(\"visibility\",\"hidden\"); j$(\"#customer_details\").css(\"height\",\"0\"); j$(\"#customer_details\").css(\"overflow\",\"hidden\"); j$(\".rd_order_review\").css(\"visibility\",\"visible\"); j$(\".rd_order_review\").css(\"height\",\"auto\"); j$(\".rd_order_review\").css(\"overflow\",\"visible\"); j$(\".rd_coupon_form\").css(\"visibility\",\"visible\"); j$(\".rd_coupon_form\").css(\"height\",\"auto\"); j$(\".rd_coupon_form\").css(\"overflow\",\"visible\"); j$(\".checkout_step\").removeClass(\"active_step\"); j$(\".step_payment\").addClass(\"active_step\"); }) j$(\'.cart_details_back\').click(function (e) { e.preventDefault(); j$(\"#customer_details\").css(\"visibility\",\"visible\"); j$(\"#customer_details\").css(\"height\",\"auto\"); j$(\"#customer_details\").css(\"overflow\",\"visible\"); j$(\".rd_order_review\").css(\"visibility\",\"hidden\"); j$(\".rd_order_review\").css(\"height\",\"0\"); j$(\".rd_order_review\").css(\"overflow\",\"hidden\"); j$(\".rd_coupon_form\").css(\"visibility\",\"hidden\"); j$(\".rd_coupon_form\").css(\"height\",\"0\"); j$(\".rd_coupon_form\").css(\"overflow\",\"hidden\"); j$(\".checkout_step\").removeClass(\"active_step\"); j$(\".step_billing\").addClass(\"active_step\"); }) j$(\'.step_signin\').click(function (e) { e.preventDefault(); j$(\".checkout_step\").removeClass(\"active_step\"); j$(this).addClass(\"active_step\"); j$(\"#rd_login_form\").css(\"display\",\"block\"); j$(\".rd_guest_checkout\").css(\"display\",\"block\"); j$(\"#customer_details\").css(\"visibility\",\"hidden\"); j$(\"#customer_details\").css(\"height\",\"0\"); j$(\"#customer_details\").css(\"overflow\",\"hidden\"); j$(\".rd_order_review\").css(\"visibility\",\"hidden\"); j$(\".rd_order_review\").css(\"height\",\"0\"); j$(\".rd_order_review\").css(\"overflow\",\"hidden\"); j$(\".rd_coupon_form\").css(\"visibility\",\"hidden\"); j$(\".rd_coupon_form\").css(\"height\",\"0\"); j$(\".rd_coupon_form\").css(\"overflow\",\"hidden\"); }) j$(\'.step_billing\').click(function (e) { e.preventDefault(); j$(\".checkout_step\").removeClass(\"active_step\"); j$(this).addClass(\"active_step\"); j$(\"#customer_details\").css(\"visibility\",\"visible\"); j$(\"#customer_details\").css(\"height\",\"auto\"); j$(\"#customer_details\").css(\"overflow\",\"visible\"); j$(\"#rd_login_form\").css(\"display\",\"none\"); j$(\".rd_guest_checkout\").css(\"display\",\"none\"); j$(\".rd_order_review\").css(\"visibility\",\"hidden\"); j$(\".rd_order_review\").css(\"height\",\"0\"); j$(\".rd_order_review\").css(\"overflow\",\"hidden\"); j$(\".rd_coupon_form\").css(\"visibility\",\"hidden\"); j$(\".rd_coupon_form\").css(\"height\",\"0\"); j$(\".rd_coupon_form\").css(\"overflow\",\"hidden\"); }) j$(\'.step_payment\').click(function (e) { e.preventDefault(); j$(\".checkout_step\").removeClass(\"active_step\"); j$(this).addClass(\"active_step\"); j$(\"#customer_details\").css(\"visibility\",\"hidden\"); j$(\"#customer_details\").css(\"height\",\"0\"); j$(\"#customer_details\").css(\"overflow\",\"hidden\"); j$(\"#rd_login_form\").css(\"display\",\"none\"); j$(\".rd_guest_checkout\").css(\"display\",\"none\"); j$(\".rd_order_review\").css(\"visibility\",\"visible\"); j$(\".rd_order_review\").css(\"height\",\"auto\"); j$(\".rd_order_review\").css(\"overflow\",\"visible\"); j$(\".rd_coupon_form\").css(\"visibility\",\"visible\"); j$(\".rd_coupon_form\").css(\"height\",\"auto\"); j$(\".rd_coupon_form\").css(\"overflow\",\"visible\"); }) });This should fix the problem for the step tabs, for the information that are not filled correctly for the moment we don\'t have a quick fix to share, but we will look upon this problem and make a fix in our next update.
Sorry for the inconvenience and thanks for your patience.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hello Support Team
Thank you very much für the code snipped - I\'ve implemented it and it works very well.
I\'ts a big improvement regarding of positive user experience and user trust, the most importing value for an e-commerce platform.
Anyway - the \"other issue\" I\'ve mentioned is as well as the first one, very important too - don\'t stop working on it. Maybe you should implement a supplemental code validation - like the validate.js (jQuery plugin).
Yo may also rethink the interaction, when choosing between an \"continue as a guest\" and \"create account\". The first one is OK, but if I\'ll be an returning customer and want to create an account, it might be very confusing that your not displaying an \"user name / e-mail\" field in the modal box!!! (Attachment)
Best Regards...
Darko
Hello Darko,
thanks for the feedback.
We will let our team know and try to make the improvement.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi,
The guest checkout option is still displayed even though the setting is disabled within woocommerce. Is this still an ongoing issue? It is a complete deal breaker for our project to go ahead if we cannot force users to create an account as the site is due to go live on the 1st of June 2016.
The products sold are all membership types so there is an huge dependency on the products being tied to an account.
If this is still work in progress for a future release please let us know, however a snippet of code to fix for now would be very much appreciated.
Thanks
Hello Tomweston, thanks for contacting us.
This will be fixed in today update ( it should be release tonight ).
Sorry for the inconvenience
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme