Show Delivery distance in cart page

DisGoIN

How to show delivery distance in cart page like this

NikhilJain

DisGoIN need extended lisence for this

BiswajitNandi

static/js/13.xx.xxxxx.js

this line have on 2 place

m.a.createElement("div",{className:"flex-auto"},localStorage.getItem("cartDeliveryCharges"))
replace to this
m.a.createElement("div",{className:"flex-auto"},localStorage.getItem("cartDeliveryCharges")+' ('+this.state.distance+' km)')

then clear cache & check

wagnerelias

BiswajitNandi Cool... it worked perfectly. Thanks

NikhilJain

BiswajitNandi Working but showing all the decimals

mounika

BiswajitNandi Dude, you are awesome

alabtechnosoft

BiswajitNandi Really awesome working perfectly 🙂

BiswajitNandi

NikhilJain don't know what you doing. but working perfectly

NikhilJain

Even the Round up Dynamic Delivery Charge is on

BiswajitNandi

NikhilJain after checkout page load check the javascript console msg about distance km showing decimal or formatted

NikhilJain

BiswajitNandi showing in decimals

BiswajitNandi

NikhilJain this is the issue sir

knurillaev

NikhilJain open the settings and check again if the rounding function is on? I also had such a problem, it turns out that rounding was not enabled

XpertH

NikhilJain Did you solve the decimals thing? that happens to me too

XpertH

knurillaev How do you activate rounding?

DisGoIN

@BiswajitNandi Thanks dear

knurillaev

XpertH https://yourdomain.com/public/admin/settings#customerAppSettings. And here you can find the settings for rounding the distance

ims

Looks our design is getting noticed 🙂

Saurabh

Guys, you are free to do customization of any kind and it is encouraged.
But remember, if you face any issues with the code afterwards, and come over support helpdesk with some issues, our first response for you will be to revert back to the original files.

Always keep a backup. Always know what you are getting into.

I am writing this right now because a user applied similar customization (I am guessing he copied from this page itself) and came over support saying the Google Distance Matrix is crashing the Cart page. We had to spend hours figuring out that the issue was with the customization he has made and he didn't mention it.

His support is terminated for wasting our time.

NikhilJain

XpertH Nope. I don't make changes in js files on my production site.

XpertH

NikhilJain I found the drawback, if you have Use Google Distance Matrix API disabled it will show you decimals, you must activate it to not see the decimals