Comments (14)
You could also disable the checkout button until the shipping method has been selected
from commercejs-nextjs-demo-store.
Hi everyone,
I'm poking around for fun ...
i'm able to highlight the shipping method field if nothing is selected when we press the checkout button but unfortunately the API doesn't return me available shipping options for any countries ( https://api.chec.io/v1/checkouts/chkt_75v7GqzbkLREXl/helper/shipping_options?country=CN )
from commercejs-nextjs-demo-store.
The method of shipping is not selected at the checkout.
The notification bar should be select shipping order to complete the order.
Highlight the Shipping Method field
from commercejs-nextjs-demo-store.
Currently only 84 countries are included arbitrarily in the one shipping zone for this demo account. The reason why the shipping option isn't showing in the dropdown is because a selected country is not included in the demo account. We have a checkout shipping helper that can help with populating only the countries that are included for the checkout token and this particular checkout helper is not being used for the checkout form. Fixes for improving the checkout flow:
- Show some form of alert message when shipping method is not selected before pressing checkout
- OR disable the checkout button until the shipping method has been selected
- Change fetch shipping methods to only fetch countries included in the demo account https://commercejs.com/docs/sdk/checkout#list-available-shipping-countries (I will raise another issue for enhancing this)
from commercejs-nextjs-demo-store.
Hey, can I try tackling that issue?
from commercejs-nextjs-demo-store.
yes definitely go for it thanks!
from commercejs-nextjs-demo-store.
As no one was assigned I made a PR.
from commercejs-nextjs-demo-store.
I have gone through documentation/readme but not able to run the localserver on my machine
from commercejs-nextjs-demo-store.
Can i know does this issue was solved?
from commercejs-nextjs-demo-store.
The issue is still open, but there's a PR to fix it that's in review right now (#118)
from commercejs-nextjs-demo-store.
You could also disable the checkout button until the shipping method has been selected.
from commercejs-nextjs-demo-store.
Can I take if this is still open?
from commercejs-nextjs-demo-store.
The issue is free for anyone to pick up! Just submit a pr for it for review!
from commercejs-nextjs-demo-store.
I've created a pr for this issue
from commercejs-nextjs-demo-store.
Related Issues (20)
- Server Error ReferenceError: window is not defined HOT 1
- Error while choosing Countries on checkout HOT 1
- Clean up meta tags
- React warnings for using `value` attribute
- React warning for expected <a> tag in <Link> component
- React warning for using deprecated lifecycle hooks in Lottie component
- TypeError: Cannot read properties of undefined (reading 'map') HOT 5
- Products dont show on collection js page HOT 1
- Use category image for feature image and get rid of collections lib
- Update to latest API and update code accordingly
- Update README
- 404 Seed (HELP)
- seed error 404. using npm not yarn HOT 4
- SendGrid integration - Error 500
- Categories images not loading HOT 1
- Product Image Gallery Carousel in Mobile View
- Server mismatch warning on landing page
- Paypal intergration...
- open dashboard.chec.io with 525
- How to remove customer detail & shipping
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from commercejs-nextjs-demo-store.