Files
medusa-store/www/apps/docs/content/modules/carts-and-checkout/overview.mdx
Shahed Nasser fa7c94b4cc docs: create docs workspace (#5174)
* docs: migrate ui docs to docs universe

* created yarn workspace

* added eslint and tsconfig configurations

* fix eslint configurations

* fixed eslint configurations

* shared tailwind configurations

* added shared ui package

* added more shared components

* migrating more components

* made details components shared

* move InlineCode component

* moved InputText

* moved Loading component

* Moved Modal component

* moved Select components

* Moved Tooltip component

* moved Search components

* moved ColorMode provider

* Moved Notification components and providers

* used icons package

* use UI colors in api-reference

* moved Navbar component

* used Navbar and Search in UI docs

* added Feedback to UI docs

* general enhancements

* fix color mode

* added copy colors file from ui-preset

* added features and enhancements to UI docs

* move Sidebar component and provider

* general fixes and preparations for deployment

* update docusaurus version

* adjusted versions

* fix output directory

* remove rootDirectory property

* fix yarn.lock

* moved code component

* added vale for all docs MD and MDX

* fix tests

* fix vale error

* fix deployment errors

* change ignore commands

* add output directory

* fix docs test

* general fixes

* content fixes

* fix announcement script

* added changeset

* fix vale checks

* added nofilter option

* fix vale error
2023-09-21 20:57:15 +03:00

190 lines
5.4 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
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: 'https://docs.medusajs.com/api/store#carts',
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 processors 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 Processor',
customProps: {
icon: Icons['academic-cap-solid'],
description: 'Learn how to create a payment processor 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={4} items={[
{
type: 'link',
href: '/modules/carts-and-checkout/backend/cart-completion-strategy',
label: 'Backend: Override Cart Completion',
customProps: {
icon: Icons['academic-cap-solid'],
description: 'Learn how to override the cart completion strategy.'
}
},
{
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: 'https://docs.medusajs.com/api/store#carts',
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={4} items={[
{
type: 'link',
href: '/modules/carts-and-checkout/cart',
label: 'Architecture: Cart',
customProps: {
icon: Icons['circle-stack-solid'],
description: 'Learn about the cart completion process.'
}
},
{
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 Checkouts 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.'
}
},
]} />