crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-25 11:11:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

dynamic product description comonents

Browse Source
This commit is contained in:
Samantha Kellow
2023-07-27 17:26:39 +01:00
parent 9db73341f5
commit 890d91eec7
5 changed files with 88 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/product/[handle]/page.tsx
View File

@@ -83,7 +83,7 @@ export default async function ProductPage({ params }: { params: { handle: string
/>
<div className="mx-auto max-w-screen-2xl px-4">
<div className="rounded-lg border border-neutral-200 bg-white p-8 px-4 dark:border-neutral-800 dark:bg-black md:p-12 lg:grid lg:grid-cols-6">
<div className="lg:col-span-4">
<div className="lg:col-span-3">
<Gallery
images={product.images.map((image: Image) => ({
src: image.url,
@@ -91,9 +91,11 @@ export default async function ProductPage({ params }: { params: { handle: string
}))}
/>
</div>
<div className="py-6 pr-8 md:pr-12 lg:col-span-2">
<ProductDescription product={product} />
<div className="lg:col-span-3 lg:grid lg:grid-cols-6">
<div className="py-6 lg:col-span-4 lg:col-start-2">
<ProductDescription product={product} />
</div>
</div>
</div>
<Suspense>