Shipping costs based on configured Shipping zones are not accounted for in the front end

[brianpereradap]

Steps:

• Configure multiple shipping methods for different zones (country, state and postcode)
• On the checkout page, change the shipping country, state or postcode

Expected:

• The shipping cost needs to be calculated based on the shipping zone configuration.
• The totals of the order needs to update based on the selected region

Actual:

• The shipping cost is not displayed and the totals do not get updated

Looks like the front-end implementation for the above is still not available on this project. Any idea on how to achieve it?

[fabiojundev]

I'm also interested in this feature.

I changed the graphql in get-cart.js to include the available shipping methods, but the rates only works in the graphiQL IDE (only the flat rate works in the front end)

get-cart.js file:
import { gql } from "@apollo/client";

const GET_CART = gqlquery GET_CART { cart { contents { nodes { key product { node { id productId: databaseId name description type onSale slug averageRating reviewCount image { id sourceUrl srcSet altText title } galleryImages { nodes { id sourceUrl srcSet altText title } } } } variation { node { id variationId: databaseId name description type onSale price regularPrice salePrice image { id sourceUrl srcSet altText title } } attributes { id name value } } quantity total subtotal subtotalTax } } appliedCoupons { code discountAmount discountTax } subtotal subtotalTax shippingTax shippingTotal total totalTax feeTax feeTotal discountTax discountTotal availableShippingMethods { packageDetails rates { id label cost methodId } } } };

export default GET_CART;

[thefoxes86]

I'm interested to this issue too.