The Checkout process for the one page checkout is getting stuck on third step, the continue button after the ShippingMethod step is not responding. then, I check on the Browser Inspect and noticed the JavaScript Error:
Uncaught TypeError: $(...).countrySelect is not a function at Object.initializeCountrySelect (public.onepagecheckout.js:188:69) at Object.nextStep [as success] (public.onepagecheckout.js:183:17) at c (jquery.min.js:2:28294) at Object.fireWith [as resolveWith] (jquery.min.js:2:29039) at l (jquery.min.js:2:79800) at XMLHttpRequest.<anonymous> (jquery.min.js:2:82254)
What can I do to move it forward and continue to the Payment Section?
Hi, I added a Jquery source right above the area where JQuery code is getting called and it is still failing. This is where it is failing. I had to disable that call for it to continue. Is that normal?
//Billing.initializeCountrySelect(); },
initializeCountrySelect: function () { if ($('#opc-billing').has('select[data-trigger="country-select"]')) { $('#opc-billing select[data-trigger="country-select"]').countrySelect(); } }
there should this line at _Root.Head.cshtml Html.AppendScriptParts(ResourceLocation.Footer, "~/js/public.countryselect.js");
initializeCountrySelect: function () { if ($('#opc-shipping').has('select[data-trigger="country-select"]')) { $('#opc-shipping select[data-trigger="country-select"]').countrySelect(); } } countrySelect() function is coming from there
The call to Country Select is coming from the public.onepagecheckout.js, which is causing the error. When I comment-out the call from onpagecheckout.js, then the error does not happened and I can continue; otherwise, the page does not move or react to the Continue button from onepagecheckout.cshtml
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.