Checkout form not working – shipping options not getting selected on mobile

Hi Teaam,

Facing a strange issue on the site, the checkout page is loading but the shipping options are not getting selected, element refreshes and nothing happens. This happens on mobile devices (so you cannot replicate this error on desktop in responsive mode).

I have tried with multiple browsers, same problem comes up. Can you please look into this?

Step to reproduce this error:

Go to our website on a mobile device (iphone used in our case)

Add any product in cart

Fill up address (put any dummy address

Scroll down to the shipping section

Try selecting any shipping method

You will also notice that the estimated delivery date isn’t shown next to the shipping options

The website is under development so feel free to activate/deactivate any plugin you feel necessary.

Full lenght video link is provided in the private area.

Facing some more issues so let’s call the previous one as 01 and this one as 02.

02. On variation product pages, the pictures are not changing to the variation on many product’s cases. The pictures have been verified to be set and present on the variation products.

Example: https://newbuild.durvient.com/dji-rc1-silicone-cover-mini3-3pro-4pro/

Hello,

1, 2. May I disable 3rd party plugins and enable parent/default theme for testing?

I await your response.

Kind Regards

Yes please. Go ahead and deactivate plugins as you like. This site is not customer facing at this moment.

Problem appears to be the checkout Layout I created, perhaps I missed to add something.

I have switched to another layout (imported from available options) and shipping option seems to be working for now however, estimated delivery dates are not showing up on the checkout page >> shipping section.

Hello,

The Estimated delivery works on your end – https://prnt.sc/kPBHQcO-OdBe . If you want to have the “Overall” delivery message, then enable an appropriate option – https://prnt.sc/MkiZ6v8lyY6a , here is a result – https://prnt.sc/JYJnijzAH_3p

Kind Regards

Luke, the estimated delivery should show next to the shipping options which has disappeared, the one below product was showing fine.

Why would anyone opt for express when they don’t know the timeline difference between a free and express shipping? I remember it was there until this issue came up.

We don’t want overall delivery estimate hence have kept it disabled as its big confusing.

Hello,

Navigate to Theme Settings -> Shop -> Estimate Delivery and you will see where that message should be shown – https://prnt.sc/I_emyzgmZHPh

It always worked in such a way. Let me know if I missed something.

Kind Regards

My bad Luke, I just realized that EDD changes when we switch from 1 shipping option to another.

By the way, the right way to show this info is to show it next to the shipping options as thats where customer’s eyes are instead of on the product they are checking out. In case of mobile, the product section may be completely out of the viewport so customer won’t know.

Any way we could showcase this next to the shipping options (perhaps below shipping option radio button)?

[Author]

Posts