Only show related products if exists

ethanniser · Oct 18, 2024 · 7e7eabe · 7e7eabe
1 parent 5c3e035
commit 7e7eabe
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
@@ -75,9 +75,11 @@ export default async function Page(props: {
         <AddToCartForm productSlug={productData.slug} />
       </div>
       <div className="pt-8">
-        <h2 className="text-lg font-bold text-green-800">
-          Explore more products
-        </h2>
+        {related.length > 0 && (
+          <h2 className="text-lg font-bold text-green-800">
+            Explore more products
+          </h2>
+        )}
         <div className="grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-4">
           {related?.map((product) => (
             <ProductLink