12 KiB
wc/store/cart
Table of Contents
- Selectors
- getCartData
- getCustomerData
- getShippingRates
- getNeedsShipping
- getHasCalculatedShipping
- getCartTotals
- getCartMeta
- getCartErrors
- isApplyingCoupon
- isCartDataStale
- getCouponBeingApplied
- isRemovingCoupon
- getCouponBeingRemoved
- getCartItem
- isItemPendingQuantity
- isItemPendingDelete
- isCustomerDataUpdating
- isShippingRateBeingSelected
Selectors
getCartData
Returns the Cart data from the state.
Returns
object
- The current cart data. This will be an object with the following keys:
coupons
- array containing the coupon items in the cart.shippingRates
- array containing the cart shipping rates (seegetShippingRates
selector).shippingAddress
- object containing the shipping address (seegetCustomerData
selector).billingAddress
- object containing the billing address.items
- array containing the cart items.itemsCount
- number containing total number of items in the cart.itemsWeight
- number containing the total weight of items in the cart.crossSells
- array containing the cross sells.needsPayment
- boolean indicating if the cart needs payment.needsShipping
- boolean indicating if the cart needs shipping.hasCalculatedShipping
- boolean indicating if the cart has calculated shipping.fees
- array containing the cart fees.totals
- object containing the cart totals (seegetCartTotals
selector).errors
- array containing the cart errors (seegetCartErrors
selector).paymentRequirements
- object containing the payment requirements for the cart.extensions
- object containing the extensions data.
Example
const store = select( 'wc/store/cart' );
const cartData = store.getCartData();
getCustomerData
Returns the shipping and billing address from the state.
Returns
object
- The current shipping and billing address. This will be an object with the following keys:
-
shippingAddress
- Object containing the shipping address. This will be an object with the following keys:first_name
- string containing the first name.last_name
- string containing the last name.company
- string containing the company.address_1
- string containing the address line 1.address_2
- string containing the address line 2.city
- string containing the city.state
- string containing the state.postcode
- string containing the postcode.country
- string containing the country.
-
billingAddress
- Object containing the billing address (same keys as shipping address).
Example
const store = select( 'wc/store/cart' );
const customerData = store.getCustomerData();
getShippingRates
Returns the shipping rates from the state.
Returns
array
- array containing the shipping rates.
Example
const store = select( 'wc/store/cart' );
const shippingRates = store.getShippingRates();
getNeedsShipping
Queries whether the cart needs shipping.
Returns
boolean
- True if the cart needs shipping.
Example
const store = select( 'wc/store/cart' );
const needsShipping = store.getNeedsShipping();
getHasCalculatedShipping
Queries whether the cart shipping has been calculated.
Returns
boolean
- True if the shipping has been calculated.
Example
const store = select( 'wc/store/cart' );
const hasCalculatedShipping = store.getHasCalculatedShipping();
getCartTotals
Returns the cart totals from state.
Returns
object
- The current cart totals. This will be an object with the following keys:
total_items
- string containing the sum total of items in the cart without discount, tax or shipping.total_items_tax
- string containing the total tax on all items before discount.total_fees
- string containing the total transaction fees.total_fees_tax
- string containing the tax on the total transaction fees.total_discount
- string containing the total discount applied to the cart.total_discount_tax
- string containing the tax applied to the total discount amount.total_shipping
- string containing the total shipping cost.total_shipping_tax
- string containing the tax applied to the total shipping cost.total_tax
- string containing the total tax applied to the cart.total_price
- string containing the total price of the cart including discount, tax or shipping.tax_lines
- array of object containing the tax lines:name
,price
, andrate
.currency_code
- string containing the currency code for the cart.currency_symbol
- string containing the currency symbol for the cart.currency_minor_unit
- integer containing the currency minor unit for the cart.currency_decimal_separator
- string containing the currency decimal separator for the cart.currency_thousand_separator
- string containing the currency thousand separator for the cart.currency_prefix
- string containing the currency prefix for the cart.currency_suffix
- string containing the currency suffix for the cart.
Example
const store = select( 'wc/store/cart' );
const cartTotals = store.getCartTotals();
getCartMeta
Returns the cart meta from state.
Returns
object
- The current cart meta. This will be an object with the following keys:
updatingCustomerData
- boolean indicating if the customer data is being updated.updatingSelectedRate
- boolean indicating if the selected rate is being updated.isCartDataStale
- boolean indicating if the cart data is stale.applyingCoupon
- string containing the coupon code being applied.removingCoupon
- string containing the coupon code being removed.
Example
const store = select( 'wc/store/cart' );
const cartMeta = store.getCartMeta();
getCartErrors
Returns the cart errors from state if cart receives customer facing errors from the API.
Returns
array
- array containing the cart errors.
Example
const store = select( 'wc/store/cart' );
const cartErrors = store.getCartErrors();
isApplyingCoupon
Queries whether a coupon is being applied.
Returns
boolean
- True if a coupon is being applied.
Example
const store = select( 'wc/store/cart' );
const isApplyingCoupon = store.isApplyingCoupon();
isCartDataStale
Queries whether the cart data is stale.
Returns
boolean
- True if the cart data is stale.
Example
const store = select( 'wc/store/cart' );
const isCartDataStale = store.isCartDataStale();
getCouponBeingApplied
Returns the coupon code being applied.
Returns
string
- The coupon code being applied.
Example
const store = select( 'wc/store/cart' );
const couponBeingApplied = store.getCouponBeingApplied();
isRemovingCoupon
Queries whether a coupon is being removed.
Returns
boolean
- True if a coupon is being removed.
Example
const store = select( 'wc/store/cart' );
const isRemovingCoupon = store.isRemovingCoupon();
getCouponBeingRemoved
Returns the coupon code being removed.
Returns
string
- The coupon code being removed.
Example
const store = select( 'wc/store/cart' );
const couponBeingRemoved = store.getCouponBeingRemoved();
getCartItem
Returns a cart item from the state.
Parameters
- cartItemKey
string
- The cart item key.
Returns
object
- The cart item. This will be an object with the following keys:
key
- string containing the cart item key.id
- number containing the cart item id.catalog_visibility
- string containing the catalog visibility.quantity_limits
- object containing the quantity limits.name
- string containing the cart item name.summary
- string containing the cart item summary.short_description
- string containing the cart item short description.description
- string containing the cart item description.sku
- string containing the cart item sku.low_stock_remaining
- null or number containing the low stock remaining.backorders_allowed
- boolean indicating if backorders are allowed.show_backorder_badge
- boolean indicating if the backorder badge should be shown.sold_individually
- boolean indicating if the item is sold individually.permalink
- string containing the cart item permalink.images
- array containing the cart item images.variation
- array containing the cart item variation.prices
- object containing the cart item prices. The keys for the object will be as follows:currency_code
- string containing the currency code.currency_symbol
- string containing the currency symbol.currency_minor_unit
- number containing the currency minor unit.currency_decimal_separator
- string containing the currency decimal separator.currency_thousand_separator
- string containing the currency thousand separator.currency_prefix
- string containing the currency prefix.currency_suffix
- string containing the currency suffix.price
- string containing the cart item price.regular_price
- string containing the cart item regular price.sale_price
- string containing the cart item sale price.price_range
- string containing the cart item price range.
totals
- object containing the cart item totals. They keys for the object will be as follows:currency_code
- string containing the currency code.currency_symbol
- string containing the currency symbol.currency_minor_unit
- number containing the currency minor unit.currency_decimal_separator
- string containing the currency decimal separator.currency_thousand_separator
- string containing the currency thousand separator.currency_prefix
- string containing the currency prefix.currency_suffix
- string containing the currency suffix.line_subtotal
- string containing the cart item line subtotal.line_subtotal_tax
- string containing the cart item line subtotal tax.line_total
- string containing the cart item line total.line_total_tax
- string containing the cart item line total tax.
Example
const store = select( 'wc/store/cart' );
const cartItem = store.getCartItem( cartItemKey );
isItemPendingQuantity
Queries whether a cart item is pending quantity.
Parameters
- cartItemKey
string
- The cart item key.
Returns
boolean
- True if the cart item is pending quantity.
Example
const store = select( 'wc/store/cart' );
const isItemPendingQuantity = store.isItemPendingQuantity( cartItemKey );
isItemPendingDelete
Queries whether a cart item is pending delete.
Parameters
- cartItemKey
string
- The cart item key.
Returns
boolean
- True if the cart item is pending delete.
Example
const store = select( 'wc/store/cart' );
const isItemPendingDelete = store.isItemPendingDelete( cartItemKey );
isCustomerDataUpdating
Queries whether the customer data is being updated.
Returns
boolean
- True if the customer data is being updated.
Example
const store = select( 'wc/store/cart' );
const isCustomerDataUpdating = store.isCustomerDataUpdating();
isShippingRateBeingSelected
Queries whether a shipping rate is being selected.
Returns
boolean
- True if a shipping rate is being selected.
Example
const store = select( 'wc/store/cart' );
const isShippingRateBeingSelected = store.isShippingRateBeingSelected();
We're hiring! Come work with us!
🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.