add storefront development sidebar
This commit is contained in:
Shahed Nasser committed
1 parent
46c9314f43
commit
d2c4323299
7 files changed
+742
-682
No files matched your search
@@ -20,4 +20,4 @@ You can build your storefront from scratch, or built it on top of the [Next.js S
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<ChildDocs hideItems={["General", "Overview"]} />
|
<ChildDocs hideItems={["General", "Overview"]} defaultItemsPerRow={2} />
|
||||||
@@ -17161,448 +17161,6 @@ const generatedgeneratedResourcesSidebarSidebar = {
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "sidebar",
|
|
||||||
"sidebar_id": "storefront-development",
|
|
||||||
"title": "Storefront Development",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development",
|
|
||||||
"title": "Overview",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"type": "separator"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "General",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/tips",
|
|
||||||
"title": "Tips",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/publishable-api-keys",
|
|
||||||
"title": "Publishable API Key",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Examples",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/guides/express-checkout",
|
|
||||||
"title": "Express Checkout Storefront",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Regions",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/regions",
|
|
||||||
"title": "Overview",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/regions/list",
|
|
||||||
"title": "List Regions",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/regions/store-retrieve-region",
|
|
||||||
"title": "Store and Retrieve Regions",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/regions/context",
|
|
||||||
"title": "Region React Context",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Products",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/list",
|
|
||||||
"title": "List Products",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/retrieve",
|
|
||||||
"title": "Retrieve a Product",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/variants",
|
|
||||||
"title": "Select a Variant",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/price",
|
|
||||||
"title": "Retrieve Variant Prices",
|
|
||||||
"autogenerate_path": "storefront-development/products/price/examples",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/price/examples/show-price",
|
|
||||||
"title": "Example: Show Variant's Price",
|
|
||||||
"description": "",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/price/examples/sale-price",
|
|
||||||
"title": "Example: Show Sale Price",
|
|
||||||
"description": "",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/price/examples/tax-price",
|
|
||||||
"title": "Example: Show Price with Taxes",
|
|
||||||
"description": "",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/inventory",
|
|
||||||
"title": "Retrieve Variant Inventory",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Product Categories",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/categories/list",
|
|
||||||
"title": "List Categories",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/categories/retrieve",
|
|
||||||
"title": "Retrieve a Category",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/categories/products",
|
|
||||||
"title": "Retrieve a Category's Products",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/categories/nested-categories",
|
|
||||||
"title": "Retrieve Nested Categories",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Product Collections",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/collections/list",
|
|
||||||
"title": "List Collections",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/collections/retrieve",
|
|
||||||
"title": "Retrieve a Collection",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/products/collections/products",
|
|
||||||
"title": "Retrieve a Collection's Products",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Carts",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/cart/create",
|
|
||||||
"title": "Create Cart",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/cart/retrieve",
|
|
||||||
"title": "Retrieve Cart",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/cart/context",
|
|
||||||
"title": "Cart React Context",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/cart/update",
|
|
||||||
"title": "Update Cart",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/cart/manage-items",
|
|
||||||
"title": "Manage Line Items",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Checkout",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/checkout",
|
|
||||||
"title": "Overview",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/checkout/email",
|
|
||||||
"title": "1. Enter Email",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/checkout/address",
|
|
||||||
"title": "2. Set Address",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/checkout/shipping",
|
|
||||||
"title": "3. Choose Shipping Method",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/checkout/payment",
|
|
||||||
"title": "4. Choose Payment Provider",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/checkout/payment/stripe",
|
|
||||||
"title": "Example: Stripe",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/checkout/complete-cart",
|
|
||||||
"title": "5. Complete Cart",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "category",
|
|
||||||
"title": "Customers",
|
|
||||||
"children": [
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/register",
|
|
||||||
"title": "Register Customer",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/login",
|
|
||||||
"title": "Login Customer",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/third-party-login",
|
|
||||||
"title": "Third-Party (Social) Login",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/reset-password",
|
|
||||||
"title": "Reset Password",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/retrieve",
|
|
||||||
"title": "Retrieve Customer",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/context",
|
|
||||||
"title": "Customer React Context",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/profile",
|
|
||||||
"title": "Edit Customer Profile",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/addresses",
|
|
||||||
"title": "Manage Customer Addresses",
|
|
||||||
"children": []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"loaded": true,
|
|
||||||
"isPathHref": true,
|
|
||||||
"type": "link",
|
|
||||||
"path": "/storefront-development/customers/log-out",
|
|
||||||
"title": "Log-out Customer",
|
|
||||||
"children": []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"type": "separator"
|
"type": "separator"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -0,0 +1,467 @@
|
|||||||
|
const generatedgeneratedStorefrontDevelopmentSidebarSidebar = {
|
||||||
|
"sidebar_id": "storefront-development",
|
||||||
|
"title": "Storefront Development",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development",
|
||||||
|
"title": "Overview",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "separator"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "General",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/tips",
|
||||||
|
"title": "Tips",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/publishable-api-keys",
|
||||||
|
"title": "Publishable API Key",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Tutorials",
|
||||||
|
"description": "The following tutorials guide you to build a storefront for different kinds of use cases.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/guides/express-checkout",
|
||||||
|
"title": "Express Checkout Storefront",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Regions",
|
||||||
|
"description": "Regions are different areas you sell products in. Learn how to use regions in your storefront.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/regions",
|
||||||
|
"title": "Overview",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/regions/list",
|
||||||
|
"title": "List Regions",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/regions/store-retrieve-region",
|
||||||
|
"title": "Store and Retrieve Regions",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/regions/context",
|
||||||
|
"title": "Region React Context",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Products",
|
||||||
|
"description": "Learn how to show products and related data in your storefront.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/list",
|
||||||
|
"title": "List Products",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/retrieve",
|
||||||
|
"title": "Retrieve a Product",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/variants",
|
||||||
|
"title": "Select a Variant",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/price",
|
||||||
|
"title": "Retrieve Variant Prices",
|
||||||
|
"autogenerate_path": "storefront-development/products/price/examples",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/price/examples/show-price",
|
||||||
|
"title": "Example: Show Variant's Price",
|
||||||
|
"description": "",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/price/examples/sale-price",
|
||||||
|
"title": "Example: Show Sale Price",
|
||||||
|
"description": "",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/price/examples/tax-price",
|
||||||
|
"title": "Example: Show Price with Taxes",
|
||||||
|
"description": "",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/inventory",
|
||||||
|
"title": "Retrieve Variant Inventory",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Product Categories",
|
||||||
|
"description": "Learn how to show product categories in your storefront.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/categories/list",
|
||||||
|
"title": "List Categories",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/categories/retrieve",
|
||||||
|
"title": "Retrieve a Category",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/categories/products",
|
||||||
|
"title": "Retrieve a Category's Products",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/categories/nested-categories",
|
||||||
|
"title": "Retrieve Nested Categories",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Product Collections",
|
||||||
|
"description": "Learn how to show product collections in your storefront.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/collections/list",
|
||||||
|
"title": "List Collections",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/collections/retrieve",
|
||||||
|
"title": "Retrieve a Collection",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/products/collections/products",
|
||||||
|
"title": "Retrieve a Collection's Products",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Carts",
|
||||||
|
"description": "Learn how to manage carts in your storefront. These carts are later used to implement the checkout flow.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/cart/create",
|
||||||
|
"title": "Create Cart",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/cart/retrieve",
|
||||||
|
"title": "Retrieve Cart",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/cart/context",
|
||||||
|
"title": "Cart React Context",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/cart/update",
|
||||||
|
"title": "Update Cart",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/cart/manage-items",
|
||||||
|
"title": "Manage Line Items",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Checkout",
|
||||||
|
"description": "Learn how to implement the different steps of the checkout flow in your storefront. By following the checkout flow, customers can complete their purchase.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/checkout",
|
||||||
|
"title": "Overview",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/checkout/email",
|
||||||
|
"title": "1. Enter Email",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/checkout/address",
|
||||||
|
"title": "2. Set Address",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/checkout/shipping",
|
||||||
|
"title": "3. Choose Shipping Method",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/checkout/payment",
|
||||||
|
"title": "4. Choose Payment Provider",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/checkout/payment/stripe",
|
||||||
|
"title": "Example: Stripe",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/checkout/complete-cart",
|
||||||
|
"title": "5. Complete Cart",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "category",
|
||||||
|
"title": "Customers",
|
||||||
|
"description": "Learn how to allow customers to register, login, and manage their profile in your storefront.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "sub-category",
|
||||||
|
"title": "Authentication",
|
||||||
|
"description": "Learn how to authenticate customers in your storefront. This includes basic email-password authentication and third-party (social) login.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/register",
|
||||||
|
"title": "Register Customer",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/login",
|
||||||
|
"title": "Login Customer",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/third-party-login",
|
||||||
|
"title": "Third-Party (Social) Login",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/reset-password",
|
||||||
|
"title": "Reset Password",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "sub-category",
|
||||||
|
"title": "Profile",
|
||||||
|
"description": "Learn how to retrieve a customer, manage their customer profile, and log them out in your storefront.",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/retrieve",
|
||||||
|
"title": "Retrieve Customer",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/context",
|
||||||
|
"title": "Customer React Context",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/profile",
|
||||||
|
"title": "Edit Customer Profile",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/addresses",
|
||||||
|
"title": "Manage Customer Addresses",
|
||||||
|
"children": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"loaded": true,
|
||||||
|
"isPathHref": true,
|
||||||
|
"type": "link",
|
||||||
|
"path": "/storefront-development/customers/log-out",
|
||||||
|
"title": "Log-out Customer",
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
export default generatedgeneratedStorefrontDevelopmentSidebarSidebar
|
||||||
@@ -20,7 +20,7 @@ import { salesChannelSidebar } from "./sidebars/sales-channel.mjs"
|
|||||||
import { sdkToolsSidebar } from "./sidebars/sdk-tools.mjs"
|
import { sdkToolsSidebar } from "./sidebars/sdk-tools.mjs"
|
||||||
import { stockLocationSidebar } from "./sidebars/stock-location.mjs"
|
import { stockLocationSidebar } from "./sidebars/stock-location.mjs"
|
||||||
import { storeSidebar } from "./sidebars/store.mjs"
|
import { storeSidebar } from "./sidebars/store.mjs"
|
||||||
import { storefrontGuidesSidebar } from "./sidebars/storefront.mjs"
|
import { storefrontDevelopmentSidebar } from "./sidebars/storefront.mjs"
|
||||||
import { taxSidebar } from "./sidebars/tax.mjs"
|
import { taxSidebar } from "./sidebars/tax.mjs"
|
||||||
import { troubleshootingSidebar } from "./sidebars/troubleshooting.mjs"
|
import { troubleshootingSidebar } from "./sidebars/troubleshooting.mjs"
|
||||||
import { userSidebar } from "./sidebars/user.mjs"
|
import { userSidebar } from "./sidebars/user.mjs"
|
||||||
@@ -71,7 +71,6 @@ export const sidebar = [
|
|||||||
},
|
},
|
||||||
...architecturalModulesSidebar,
|
...architecturalModulesSidebar,
|
||||||
...pluginsSidebar,
|
...pluginsSidebar,
|
||||||
...storefrontGuidesSidebar,
|
|
||||||
{
|
{
|
||||||
type: "separator",
|
type: "separator",
|
||||||
},
|
},
|
||||||
@@ -134,4 +133,9 @@ export const sidebar = [
|
|||||||
title: "Integrations",
|
title: "Integrations",
|
||||||
items: integrationsSidebar,
|
items: integrationsSidebar,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
sidebar_id: "storefront-development",
|
||||||
|
title: "Storefront Development",
|
||||||
|
items: storefrontDevelopmentSidebar,
|
||||||
|
},
|
||||||
]
|
]
|
||||||
@@ -1,227 +1,242 @@
|
|||||||
/** @type {import('types').Sidebar.SidebarItem[]} */
|
/** @type {import('types').Sidebar.SidebarItem[]} */
|
||||||
export const storefrontGuidesSidebar = [
|
export const storefrontDevelopmentSidebar = [
|
||||||
{
|
{
|
||||||
type: "sidebar",
|
type: "link",
|
||||||
sidebar_id: "storefront-development",
|
path: "/storefront-development",
|
||||||
title: "Storefront Development",
|
title: "Overview",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "separator",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "General",
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
type: "link",
|
type: "link",
|
||||||
path: "/storefront-development",
|
path: "/storefront-development/tips",
|
||||||
|
title: "Tips",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/publishable-api-keys",
|
||||||
|
title: "Publishable API Key",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Tutorials",
|
||||||
|
description:
|
||||||
|
"The following tutorials guide you to build a storefront for different kinds of use cases.",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/guides/express-checkout",
|
||||||
|
title: "Express Checkout Storefront",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Regions",
|
||||||
|
description:
|
||||||
|
"Regions are different areas you sell products in. Learn how to use regions in your storefront.",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/regions",
|
||||||
title: "Overview",
|
title: "Overview",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "separator",
|
type: "link",
|
||||||
|
path: "/storefront-development/regions/list",
|
||||||
|
title: "List Regions",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "category",
|
type: "link",
|
||||||
title: "General",
|
path: "/storefront-development/regions/store-retrieve-region",
|
||||||
|
title: "Store and Retrieve Regions",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/regions/context",
|
||||||
|
title: "Region React Context",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Products",
|
||||||
|
description:
|
||||||
|
"Learn how to show products and related data in your storefront.",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/list",
|
||||||
|
title: "List Products",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/retrieve",
|
||||||
|
title: "Retrieve a Product",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/variants",
|
||||||
|
title: "Select a Variant",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/price",
|
||||||
|
title: "Retrieve Variant Prices",
|
||||||
|
autogenerate_path: "storefront-development/products/price/examples",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/inventory",
|
||||||
|
title: "Retrieve Variant Inventory",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Product Categories",
|
||||||
|
description: "Learn how to show product categories in your storefront.",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/categories/list",
|
||||||
|
title: "List Categories",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/categories/retrieve",
|
||||||
|
title: "Retrieve a Category",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/categories/products",
|
||||||
|
title: "Retrieve a Category's Products",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/categories/nested-categories",
|
||||||
|
title: "Retrieve Nested Categories",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Product Collections",
|
||||||
|
description: "Learn how to show product collections in your storefront.",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/collections/list",
|
||||||
|
title: "List Collections",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/collections/retrieve",
|
||||||
|
title: "Retrieve a Collection",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/products/collections/products",
|
||||||
|
title: "Retrieve a Collection's Products",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Carts",
|
||||||
|
description:
|
||||||
|
"Learn how to manage carts in your storefront. These carts are later used to implement the checkout flow.",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/cart/create",
|
||||||
|
title: "Create Cart",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/cart/retrieve",
|
||||||
|
title: "Retrieve Cart",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/cart/context",
|
||||||
|
title: "Cart React Context",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/cart/update",
|
||||||
|
title: "Update Cart",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/cart/manage-items",
|
||||||
|
title: "Manage Line Items",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Checkout",
|
||||||
|
description:
|
||||||
|
"Learn how to implement the different steps of the checkout flow in your storefront. By following the checkout flow, customers can complete their purchase.",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/checkout",
|
||||||
|
title: "Overview",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/checkout/email",
|
||||||
|
title: "1. Enter Email",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/checkout/address",
|
||||||
|
title: "2. Set Address",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/checkout/shipping",
|
||||||
|
title: "3. Choose Shipping Method",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "link",
|
||||||
|
path: "/storefront-development/checkout/payment",
|
||||||
|
title: "4. Choose Payment Provider",
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
type: "link",
|
type: "link",
|
||||||
path: "/storefront-development/tips",
|
path: "/storefront-development/checkout/payment/stripe",
|
||||||
title: "Tips",
|
title: "Example: Stripe",
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/publishable-api-keys",
|
|
||||||
title: "Publishable API Key",
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "category",
|
type: "link",
|
||||||
title: "Examples",
|
path: "/storefront-development/checkout/complete-cart",
|
||||||
children: [
|
title: "5. Complete Cart",
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/guides/express-checkout",
|
|
||||||
title: "Express Checkout Storefront",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
title: "Customers",
|
||||||
|
description:
|
||||||
|
"Learn how to allow customers to register, login, and manage their profile in your storefront.",
|
||||||
|
children: [
|
||||||
{
|
{
|
||||||
type: "category",
|
type: "sub-category",
|
||||||
title: "Regions",
|
title: "Authentication",
|
||||||
children: [
|
description:
|
||||||
{
|
"Learn how to authenticate customers in your storefront. This includes basic email-password authentication and third-party (social) login.",
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/regions",
|
|
||||||
title: "Overview",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/regions/list",
|
|
||||||
title: "List Regions",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/regions/store-retrieve-region",
|
|
||||||
title: "Store and Retrieve Regions",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/regions/context",
|
|
||||||
title: "Region React Context",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "category",
|
|
||||||
title: "Products",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/list",
|
|
||||||
title: "List Products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/retrieve",
|
|
||||||
title: "Retrieve a Product",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/variants",
|
|
||||||
title: "Select a Variant",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/price",
|
|
||||||
title: "Retrieve Variant Prices",
|
|
||||||
autogenerate_path: "storefront-development/products/price/examples",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/inventory",
|
|
||||||
title: "Retrieve Variant Inventory",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "category",
|
|
||||||
title: "Product Categories",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/categories/list",
|
|
||||||
title: "List Categories",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/categories/retrieve",
|
|
||||||
title: "Retrieve a Category",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/categories/products",
|
|
||||||
title: "Retrieve a Category's Products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/categories/nested-categories",
|
|
||||||
title: "Retrieve Nested Categories",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "category",
|
|
||||||
title: "Product Collections",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/collections/list",
|
|
||||||
title: "List Collections",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/collections/retrieve",
|
|
||||||
title: "Retrieve a Collection",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/products/collections/products",
|
|
||||||
title: "Retrieve a Collection's Products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "category",
|
|
||||||
title: "Carts",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/cart/create",
|
|
||||||
title: "Create Cart",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/cart/retrieve",
|
|
||||||
title: "Retrieve Cart",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/cart/context",
|
|
||||||
title: "Cart React Context",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/cart/update",
|
|
||||||
title: "Update Cart",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/cart/manage-items",
|
|
||||||
title: "Manage Line Items",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "category",
|
|
||||||
title: "Checkout",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/checkout",
|
|
||||||
title: "Overview",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/checkout/email",
|
|
||||||
title: "1. Enter Email",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/checkout/address",
|
|
||||||
title: "2. Set Address",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/checkout/shipping",
|
|
||||||
title: "3. Choose Shipping Method",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/checkout/payment",
|
|
||||||
title: "4. Choose Payment Provider",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/checkout/payment/stripe",
|
|
||||||
title: "Example: Stripe",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "link",
|
|
||||||
path: "/storefront-development/checkout/complete-cart",
|
|
||||||
title: "5. Complete Cart",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "category",
|
|
||||||
title: "Customers",
|
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
type: "link",
|
type: "link",
|
||||||
@@ -243,6 +258,14 @@ export const storefrontGuidesSidebar = [
|
|||||||
path: "/storefront-development/customers/reset-password",
|
path: "/storefront-development/customers/reset-password",
|
||||||
title: "Reset Password",
|
title: "Reset Password",
|
||||||
},
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "sub-category",
|
||||||
|
title: "Profile",
|
||||||
|
description:
|
||||||
|
"Learn how to retrieve a customer, manage their customer profile, and log them out in your storefront.",
|
||||||
|
children: [
|
||||||
{
|
{
|
||||||
type: "link",
|
type: "link",
|
||||||
path: "/storefront-development/customers/retrieve",
|
path: "/storefront-development/customers/retrieve",
|
||||||
|
|||||||
@@ -36,6 +36,13 @@ const sidebarMappings: {
|
|||||||
}>,
|
}>,
|
||||||
paths: ["/integrations"],
|
paths: ["/integrations"],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
module: async () =>
|
||||||
|
import(
|
||||||
|
"@/generated/generated-storefront-development-sidebar.mjs"
|
||||||
|
) as Promise<{ default: Sidebar.Sidebar }>,
|
||||||
|
paths: ["/storefront-development"],
|
||||||
|
},
|
||||||
]
|
]
|
||||||
export async function getSidebarForPath(
|
export async function getSidebarForPath(
|
||||||
currentPath: string
|
currentPath: string
|
||||||
|
|||||||
@@ -305,9 +305,15 @@ export const useChildDocs = ({
|
|||||||
const HeadingComponent = itemChildren?.length
|
const HeadingComponent = itemChildren?.length
|
||||||
? TitleHeaderComponent(headerLevel)
|
? TitleHeaderComponent(headerLevel)
|
||||||
: undefined
|
: undefined
|
||||||
const isChildrenCategory = itemChildren?.every(
|
const linkChildren =
|
||||||
(child) => child.type === "category" || child.type === "sub-category"
|
itemChildren?.filter(
|
||||||
)
|
(item) => isSidebarItemLink(item) || item.type === "sidebar"
|
||||||
|
) || []
|
||||||
|
const categoryChildren =
|
||||||
|
itemChildren?.filter(
|
||||||
|
(child) => child.type === "category" || child.type === "sub-category"
|
||||||
|
) || []
|
||||||
|
const showLinkAsCard = !HeadingComponent && isSidebarItemLink(item)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<React.Fragment key={key}>
|
<React.Fragment key={key}>
|
||||||
@@ -327,46 +333,41 @@ export const useChildDocs = ({
|
|||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{isChildrenCategory &&
|
{linkChildren.length > 0 && (
|
||||||
getAllLevelsElms({
|
|
||||||
items: itemChildren,
|
|
||||||
headerLevel: headerLevel + 1,
|
|
||||||
currentLevel: currentLevel + 1,
|
|
||||||
})}
|
|
||||||
{!isChildrenCategory && (
|
|
||||||
<CardList
|
<CardList
|
||||||
items={
|
items={
|
||||||
itemChildren
|
linkChildren.map((childItem) => {
|
||||||
?.filter(
|
const href = isSidebarItemLink(childItem)
|
||||||
(item) =>
|
? childItem.path
|
||||||
isSidebarItemLink(item) || item.type === "sidebar"
|
: getSidebarFirstLinkChild(
|
||||||
)
|
childItem as Sidebar.SidebarItemSidebar
|
||||||
.map((childItem) => {
|
)?.path
|
||||||
const href = isSidebarItemLink(childItem)
|
return {
|
||||||
? childItem.path
|
title: childItem.title,
|
||||||
: getSidebarFirstLinkChild(
|
href,
|
||||||
childItem as Sidebar.SidebarItemSidebar
|
text: childItem.description,
|
||||||
)?.path
|
rightIcon:
|
||||||
return {
|
childItem.type === "ref"
|
||||||
title: childItem.title,
|
? ChevronDoubleRight
|
||||||
href,
|
: undefined,
|
||||||
text: childItem.description,
|
}
|
||||||
rightIcon:
|
}) || []
|
||||||
childItem.type === "ref"
|
|
||||||
? ChevronDoubleRight
|
|
||||||
: undefined,
|
|
||||||
}
|
|
||||||
}) || []
|
|
||||||
}
|
}
|
||||||
itemsPerRow={itemsPerRow}
|
itemsPerRow={itemsPerRow}
|
||||||
defaultItemsPerRow={defaultItemsPerRow}
|
defaultItemsPerRow={defaultItemsPerRow}
|
||||||
className="mb-docs_1"
|
className="mb-docs_1"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
{categoryChildren.length > 0 &&
|
||||||
|
getAllLevelsElms({
|
||||||
|
items: categoryChildren,
|
||||||
|
headerLevel: headerLevel + 1,
|
||||||
|
currentLevel: currentLevel + 1,
|
||||||
|
})}
|
||||||
{key !== items.length - 1 && headerLevel === 2 && <Hr />}
|
{key !== items.length - 1 && headerLevel === 2 && <Hr />}
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{!HeadingComponent && isSidebarItemLink(item) && (
|
{showLinkAsCard && (
|
||||||
<Card
|
<Card
|
||||||
title={item.title}
|
title={item.title}
|
||||||
href={item.path}
|
href={item.path}
|
||||||
|
|||||||
Reference in new issue
Block a user