From 43d63ea7e16bada707e10c17737717506fe6b214 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bj=C3=B6rn=20Meyer?= Date: Fri, 11 Aug 2023 09:27:14 +0200 Subject: [PATCH] fix: improve README, add checkout hint --- README.md | 26 ++++++++++++++++++++------ components/cart/modal.tsx | 15 +++++++++++++++ 2 files changed, 35 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 21266c857..247ba03e1 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Next.js Commerce & Shopware Composable Frontends +# Next.js Commerce with Shopware A Next.js 13 and App Router-ready ecommerce template featuring: @@ -12,13 +12,9 @@ A Next.js 13 and App Router-ready ecommerce template featuring: - Styling with Tailwind CSS - Automatic light/dark mode based on system settings -

- -> Note: Looking for Next.js Commerce v1? View the [code](https://github.com/vercel/commerce/tree/v1), [demo](https://commerce-v1.vercel.store), and [release notes](https://github.com/vercel/commerce/releases/tag/v1). - ## Prerequisites -Next.js + Shopware requires a running [Shopware 6 Instance (Installation Guide)](https://developer.shopware.com/docs/guides/installation). +Next.js Commerce with Shopware requires a running [Shopware 6 Instance (Installation Guide)](https://developer.shopware.com/docs/guides/installation). To get started, use this README and the example environment variable comments. @@ -60,3 +56,21 @@ In order to use the Shopware's store API, you need at least one _(Storefront)_ S Once installed, you'll need to create a `SHOPWARE_ACCESS_TOKEN` environment variable and use the public access token as the value > Note: We using an [api Client package](https://www.npmjs.com/package/@shopware/api-client) that helps you with types, endpoints, params and returns. + +#### Activate SEO URLs for your Store + +If you want to use your Store with SEO URLs you should set this Envoirment variable +`SHOPWARE_USE_SEO_URLS="true"` + +#### Checkout functionality + +The template is provided as-is without an integrated checkout. For projects there are two options - redirect to a native checkout, provided by Shopware or implement a headless checkout flow using our API endpoints for [preparing](https://frontends.shopware.com/packages/api-client.html#context) and [placing](https://frontends.shopware.com/packages/api-client.html#checkout) orders. + +### Community + +Any questions, issues or feature requests? Feel free to join the community. + +

+ +Channel | 💬 Discuss | 📚 Docu | 🚀 Demo +

diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx index 98d7d5191..577041bdc 100644 --- a/components/cart/modal.tsx +++ b/components/cart/modal.tsx @@ -2,6 +2,7 @@ import { Dialog, Transition } from '@headlessui/react'; import { ShoppingCartIcon } from '@heroicons/react/24/outline'; +import { ExclamationTriangleIcon } from '@heroicons/react/24/outline'; import Price from 'components/price'; import { DEFAULT_OPTION } from 'lib/constants'; import type { Cart } from 'lib/shopware/types'; @@ -174,6 +175,20 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) { /> +
+ + + Checkout not included.{' '} + + Read more. + + +