* docs: added features and guides overview page * added image * added version 2 * added version 3 * added version 4 * docs: implemented new color scheme * docs: redesigned sidebar (#3193) * docs: redesigned navbar for restructure (#3199) * docs: redesigned footer (#3209) * docs: redesigned cards (#3230) * docs: redesigned admonitions (#3231) * docs: redesign announcement bar (#3236) * docs: redesigned large cards (#3239) * docs: redesigned code blocks (#3253) * docs: redesigned search modal and page (#3264) * docs: redesigned doc footer (#3268) * docs: added new sidebars + refactored css and assets (#3279) * docs: redesigned api reference sidebar * docs: refactored css * docs: added code tabs transition * docs: added new sidebars * removed unused assets * remove unusued assets * Fix deploy errors * fix incorrect link * docs: fixed code responsivity + missing icons (#3283) * docs: changed icons (#3296) * docs: design fixes to the sidebar (#3297) * redesign fixes * docs: small design fixes * docs: several design fixes after restructure (#3299) * docs: bordered icon fixes * docs: desgin fixes * fixes to code blocks and sidebar scroll * design adjustments * docs: restructured homepage (#3305) * docs: restructured homepage * design fixes * fixed core concepts icon * docs: added core concepts page (#3318) * docs: restructured homepage * design fixes * docs: added core concepts page * changed text of different components * docs: added architecture link * added missing prop for user guide * docs: added regions overview page (#3327) * docs: added regions overview * moved region pages to new structure * docs: fixed description of regions architecture page * small changes * small fix * docs: added customers overview page (#3331) * docs: added regions overview * moved region pages to new structure * docs: fixed description of regions architecture page * small changes * small fix * docs: added customers overview page * fix link * resolve link issues * docs: updated regions architecture image * docs: second-iteration fixes (#3347) * docs: redesigned document * design fixes * docs: added products overview page (#3354) * docs: added carts overview page (#3363) * docs: added orders overview (#3364) * docs: added orders overview * added links in overview * docs: added vercel redirects * docs: added soon badge for cards (#3389) * docs: resolved feedback changes + organized troubleshooting pages (#3409) * docs: resolved feedback changes * added extra line * docs: changed icons for restructure (#3421) * docs: added taxes overview page (#3422) * docs: added taxes overview page * docs: fix sidebar label * added link to taxes overview page * fixed link * docs: fixed sidebar scroll (#3429) * docs: added discounts overview (#3432) * docs: added discounts overview * fixed links * docs: added gift cards overview (#3433) * docs: added price lists overview page (#3440) * docs: added price lists overview page * fixed links * docs: added sales channels overview page (#3441) * docs: added sales overview page * fixed links * docs: added users overview (#3443) * docs: fixed sidebar border height (#3444) * docs: fixed sidebar border height * fixed svg markup * docs: added possible solutions to feedback component (#3449) * docs: added several overview pages + restructured files (#3463) * docs: added several overview pages * fixed links * docs: added feature flags + PAK overview pages (#3464) * docs: added feature flags + PAK overview pages * fixed links * fix link * fix link * fixed links colors * docs: added strategies overview page (#3468) * docs: automated upgrade guide (#3470) * docs: automated upgrade guide * fixed vercel redirect * docs: restructured files in docs codebase (#3475) * docs: restructured files * docs: fixed eslint exception * docs: finished restructure loose-ends (#3493) * fixed uses of backend * docs: finished loose ends * eslint fixes * fixed links * merged master * added update instructions for v1.7.12
172 lines
4.8 KiB
Plaintext
172 lines
4.8 KiB
Plaintext
---
|
||
description: "A cart is a virtual shopping basket that customers can use to pick products they want to purchase. Learn about the available features and guides."
|
||
---
|
||
|
||
import DocCardList from '@theme/DocCardList';
|
||
import Icons from '@theme/Icon';
|
||
|
||
# Carts and Checkout
|
||
|
||
A cart is a virtual shopping basket that customers can use to pick products they want to purchase. Checkout is the process of the customer placing an order. This overview introduces the available features related to carts and checkout.
|
||
|
||
## Features
|
||
|
||
### Cart Management
|
||
|
||
Customers can manage their cart including adding, updating, and removing items from the cart.
|
||
|
||
<DocCardList colSize={6} items={[
|
||
{
|
||
type: 'link',
|
||
href: '/modules/carts-and-checkout/storefront/implement-cart',
|
||
label: 'Storefront: Implement Cart',
|
||
customProps: {
|
||
icon: Icons['academic-cap-solid'],
|
||
description: 'Learn how to implement cart functionality in a storefront.'
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/api/store/#tag/Cart',
|
||
label: 'Storefront APIs: Carts',
|
||
customProps: {
|
||
icon: Icons['server-solid'],
|
||
description: 'Check available Store REST APIs for Carts.'
|
||
}
|
||
},
|
||
]} />
|
||
|
||
### Shipping and Payment
|
||
|
||
Developers can integrate any third-party provider or custom logic to offer shipping and payment options for customers during checkout. They can integrate them using existing plugins or by creating their own.
|
||
|
||
Admins can specify available shipping and payment providers during checkout for customers based on their [Region](../regions-and-currencies/overview.mdx).
|
||
|
||
<DocCardList colSize={4} items={[
|
||
{
|
||
type: 'link',
|
||
href: '/modules/carts-and-checkout/backend/add-fulfillment-provider',
|
||
label: 'Backend: Create Fulfillment Provider',
|
||
customProps: {
|
||
icon: Icons['academic-cap-solid'],
|
||
description: 'Learn how to create a fulfillment provider in the backend.'
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/modules/carts-and-checkout/backend/add-payment-provider',
|
||
label: 'Backend: Create Payment Provider',
|
||
customProps: {
|
||
icon: Icons['academic-cap-solid'],
|
||
description: 'Learn how to create a fulfillment provider in the backend.'
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/user-guide/regions/providers',
|
||
label: 'User Guide: Manage Providers',
|
||
customProps: {
|
||
icon: Icons['users-solid'],
|
||
description: 'Learn how to manage available providers using Medusa Admin.'
|
||
}
|
||
},
|
||
]} />
|
||
|
||
### Checkout Flow
|
||
|
||
Developers can implement a seamless checkout flow that include steps related to shipping and payment, tax calculation, and more.
|
||
|
||
Customers can place orders using the checkout flow.
|
||
|
||
<DocCardList colSize={6} items={[
|
||
{
|
||
type: 'link',
|
||
href: '/modules/carts-and-checkout/storefront/implement-checkout-flow',
|
||
label: 'Storefront: Implement Checkout',
|
||
customProps: {
|
||
icon: Icons['academic-cap-solid'],
|
||
description: 'Learn how to implement the checkout flow in a storefront.'
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/api/store/#tag/Cart',
|
||
label: 'Storefront APIs: Cart',
|
||
customProps: {
|
||
icon: Icons['server-solid'],
|
||
description: 'Check available Store REST APIs for Carts related to checkout.'
|
||
}
|
||
},
|
||
]} />
|
||
|
||
---
|
||
|
||
## Understand the Architecture
|
||
|
||
Learn how cart-related entities are build, their relation to other modules, and more.
|
||
|
||
<DocCardList colSize={6} items={[
|
||
{
|
||
type: 'link',
|
||
href: '/modules/carts-and-checkout/shipping',
|
||
label: 'Architecture: Shipping',
|
||
customProps: {
|
||
icon: Icons['circle-stack-solid'],
|
||
description: 'Learn about the Shipping architecture.'
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/modules/carts-and-checkout/payment',
|
||
label: 'Architecture: Payment',
|
||
customProps: {
|
||
icon: Icons['circle-stack-solid'],
|
||
description: 'Learn about the Payment architecture.'
|
||
}
|
||
},
|
||
]} />
|
||
|
||
---
|
||
|
||
## Related Modules
|
||
|
||
Discover Carts and Checkout’s relation to other modules in Medusa
|
||
|
||
<DocCardList colSize={6} items={[
|
||
{
|
||
type: 'link',
|
||
href: '/modules/products/overview',
|
||
label: 'Products',
|
||
customProps: {
|
||
icon: Icons['tag-solid'],
|
||
description: 'Customers can add products to cart and purchase them.'
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/modules/taxes/overview',
|
||
label: 'Taxes',
|
||
customProps: {
|
||
icon: Icons['cash-solid'],
|
||
description: 'Taxes can be calculated for a cart either automatically or manually.',
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/modules/discounts/overview',
|
||
label: 'Discounts',
|
||
customProps: {
|
||
icon: Icons['currency-dollar-solid'],
|
||
description: 'Discounts can be applied on a cart to reduce its total.',
|
||
}
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: '/modules/gift-cards/overview',
|
||
label: 'Gift Cards',
|
||
customProps: {
|
||
icon: Icons['gift-solid'],
|
||
description: 'Purchased gift cards can be applied during checkout.'
|
||
}
|
||
},
|
||
]} /> |