Update to Hikashop 4.0. – checkout workflow and back button

-- HikaShop version -- : 4.0
-- Joomla version -- : 3.8.13
-- PHP version -- : 7.2.1.0

Hello Guys,

I have two issues with Hikashop checkout that I would like to kindly ask to help me with.

1) appeared after updating to Hikashop 4.0.

I accept only "guest checkout" since my product customer buys only once in life.

I have a step with "login + address" in this order. But in checkout, it appears in opposite order (check attachment). The email field (for login) is under all other fields. I would need it opposite for UX reasons. Is that possible? Is there any simple trick to have same formating for both tables or I have to mess up with css?

Hello,

First of all, thank you very much for your great care!

1. I checked CSS as well as template override, I can't see the problem.
Here is a click: www.elody.cz.uvirt72.active24.cz/obchod/kolekce/2018/

Click to big green button, in next field fill anything in required field "datum svatby" and then click next to see a problem.

2. Thank you for explanation. Your "one step" solution means I will have only one page checkout or it will be in one page by php code, but it will behave like multiple pages?

Thank you,
Filip

Hello!

Turning Checkout legacy off resolved both issues. Email is above other fields and I can go back in checkout without any problem .

Thank you so much for your perfect support!

F.

I am sorry. Other things...


1) I have custom js function for my custom currency switcher. It loads on page load.

The problem is with a coupon and quantity when I add or remove coupon, or change quantity, it refreshes price and my function doesn't have a chance to trigger. Please, could you advise file and line, where I can call my function, that refresh price? It must be after the coupon is added/removed.

2) When I fill 1st address (billing) I don't select "same address for shipping" and then I require another address from me (shipping address). Is possible to avoid asking shipping address and only fill the same as billing? then the customer can change it in an address list
- for quick and better understanding there is video: www.youtube.com/watch?v=Wh6EPDQSf6M&feature=youtu.be

3) Same scenario but I select "same address for shipping"... After clicking next It takes me to the next step. Is possible to show address list before?
- again, short video for better understanding: www.youtube.com/watch?v=WRWaHvgFouo&feature=youtu.be


I know I am very demanding and I strongly appreciate all your help.

Hello Nicolas,

Thank you.

1. My custom script only adds css classes to spans or divs containing price. With your code I am able to run a script, it adds classes for a fraction of second and then it is again rewritten by original code. It looks like the code is executed in the middle of reloading. Is there change to run it when is page block fully loaded, please?

2. Yes, that would be a solution if we resolve my question no. 3, because when I check this box and click "next" it won't show a list of billing and shipping addresses, but it will take me to next step: shipping and payment methods.

2 AND 3 resolved!!!

In my css there was such a code:

button#hikashop_register_form_button,
.hkform-group.control-group.hikashop_registration_required_info_line {
    /* display: none; */
}

Hello,

Thank you very much.

I understand the principle, but I have no idea what is name of my block in this format.

Please, could you check my image? I highlighted green prices that are updated. After they are updated I would need to call my js function.
It is total price per product, coupon, delivery and total price of order.

UPDATE:

This code resolved quantity update issue:

window.Oby.registerAjax(['checkout.cart.updated', 'cart.updated'], function(params){
   LoadCurrency();
});

window.Oby.registerAjax(['checkout.coupon.updated','cart.updated'], function(params){
   LoadCurrency();
});

Hello,

I replaced my complicated function with very simple one line of code as to as demonstrate issue. I think that problem is not in my function.

I am adding class "HIKASHOP-TEST-CLASS" to element with id hikashop_checkout_cart_final_total_title and checking it with Google Chrome Developer.

window.Oby.registerAjax(['checkout.cart.updated', 'cart.updated'], function(params){
     document.getElementById("hikashop_checkout_cart_final_total_title").classList.add("HIKASHOP-TEST-CLASS");
});

Hello,

Thank you very much. I call function twice in show_block_cart.php, right after end of this condition "if(empty($this->ajax)) {". It works!!


Thank you so much for your help!

Have a great day,
Filip