This component shows the delivery methods that are available to the user during checkout. This component utilize the commerce cloud API to make updates to the checkout session (which can be found here -- https://developer.salesforce.com/docs/atlas.en-us.242.0.chatterapi.meta/chatterapi/connect_resources_commerce_webstore_checkouts.htm) In order to make this work you will need to ensure you have a remote site setup for your community url.
- Deploy Code to your instance
- Navigate to the Cart Page in Experience Builder
- Drag 'Shipping Method' under the custom component section to the top right of the right column on cart page.
- Navigate to Remote Site Settings (Setup > Search "Remote Site Settings")
- Add a new setting with the name "Checkout Services" and the url of your community (example: https://XXX--uat.sandbox.my.site.com)
- You'll need Order Delivery Methods for this component to work, if you do not already have these configure you'll need to setup at least one record with the appropriate product and ensure the site is indexed
- Publish Site
- Login as user and check components values for accuracy
This component is dependant on the following items: CommerceCheckout CommerceCheckoutCallout CommerceCheckoutUtils Stencil