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

feat: reshape products

Browse Source
This commit is contained in:
Victor Gerbrands
2023-05-03 10:55:45 +02:00
parent 1cd708309d
commit c4ab3aba8d
3 changed files with 58 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,8 +28,8 @@ export async function generateMetadata({
const hide = !product.tags.includes(HIDDEN_PRODUCT_TAG);
return {
title: product.seo.title || product.title,
description: product.seo.description || product.description,
title: product.seo?.title || product.title,
description: product.seo?.description || product.description,
robots: {
index: hide,
follow: hide,
@@ -61,17 +61,19 @@ export default async function ProductPage({ params }: { params: { handle: string
return (
<div>
<div className="lg:grid lg:grid-cols-6">
<div className="lg:col-span-4">
<Gallery
title={product.title}
amount={product.priceRange.maxVariantPrice.amount}
currencyCode={product.priceRange.maxVariantPrice.currencyCode}
images={product.images.map((image: Image) => ({
src: image.url,
altText: image.altText
}))}
/>
</div>
{product.images && (
<div className="lg:col-span-4">
<Gallery
title={product.title}
amount={product.priceRange.maxVariantPrice.amount}
currencyCode={product.priceRange.maxVariantPrice.currencyCode}
images={product.images.map((image: Image) => ({
src: image.url,
altText: image.altText ?? ''
}))}
/>
</div>
)}
<div className="p-6 lg:col-span-2">
{/* @ts-expect-error Server Component */}