updated collection page

pages/collections/[category]/[subCategory]/[productSlug].js

@@ -8,7 +8,6 @@ import Catalogues from "@/container/Home/Catalogues";
 import { Contact } from "@/container/Home/Contact";
 import { Contact } from "@/container/Home/Contact";
 import { getCollectionDetailCategoryData } from "@/services/collectionDetailCategoryApi";
 import { getCollectionDetailCategoryData } from "@/services/collectionDetailCategoryApi";
 import { getCataloguesBySlug } from "@/services/cataloguesApi";
 import { getCataloguesBySlug } from "@/services/cataloguesApi";
-import { getRedisClient } from "@/redis-client";
 import CompanyOverview from "@/components/Collection/CompanyOverview";
 import CompanyOverview from "@/components/Collection/CompanyOverview";
 import TechnicalDetails from "@/components/Collection/TechnicalDetails";
 import TechnicalDetails from "@/components/Collection/TechnicalDetails";
 import Explore from "@/components/Collection/Explore";
 import Explore from "@/components/Collection/Explore";
@@ -17,6 +16,7 @@ import { useEffect, useState } from "react";
 import StoneFinishCabinet from "@/components/StoneFinishCabinet/StoneFinishCabinet";
 import StoneFinishCabinet from "@/components/StoneFinishCabinet/StoneFinishCabinet";
 
 
 const ProductPage = ({ productData, cataloguesData }) => {
 const ProductPage = ({ productData, cataloguesData }) => {
+  console.log("productData", productData)
   const router = useRouter();
   const router = useRouter();
   const { category, subCategory: subCategorySlug, productSlug } = router.query;
   const { category, subCategory: subCategorySlug, productSlug } = router.query;
 
 
@@ -104,7 +104,12 @@ const isStoneLayout =
             {isStoneLayout && (
             {isStoneLayout && (
             <StoneFinishCabinet StoneFinishCabinet={productData?.aboutInfoStone} />
             <StoneFinishCabinet StoneFinishCabinet={productData?.aboutInfoStone} />
           )}
           )}
-          
+           {isStoneLayout && (
+            <Video productData={productData?.aboutInfoStone?.video} />
+          )}
+           {isStoneLayout && productData?.aboutInfoStone?.gallery?.length > 0 && (
+            <Gallery productData={productData.aboutInfoStone.gallery} />
+          )}
           {productData?.video && (
           {productData?.video && (
             <Video productData={productData.video} />
             <Video productData={productData.video} />
           )}
           )}
@@ -154,17 +159,8 @@ export default ProductPage;
 
 
 /* ---------- SSR ---------- */
 /* ---------- SSR ---------- */
 export async function getServerSideProps({ params }) {
 export async function getServerSideProps({ params }) {
-  const { productSlug } = params;
-  const redis = getRedisClient();
-  const REDIS_KEY = `${process.env.REDIS_KEY_PREFIX}_product_${productSlug}`;
-  const REDIS_EXPIRE = parseInt(process.env.REDIS_KEY_EXPIRE) || 86400;
-
   try {
   try {
-    const cachedData = await redis.get(REDIS_KEY);
-    if (cachedData) {
-      console.log("redis data fetched");
-      return { props: JSON.parse(cachedData) };
-    }
+    const { productSlug } = params;
 
 
     const productData = await getCollectionDetailCategoryData(productSlug);
     const productData = await getCollectionDetailCategoryData(productSlug);
     const cataloguesData = await getCataloguesBySlug();
     const cataloguesData = await getCataloguesBySlug();
@@ -173,10 +169,12 @@ export async function getServerSideProps({ params }) {
       return { notFound: true };
       return { notFound: true };
     }
     }
 
 
-    const result = { productData: productData[0], cataloguesData };
-    await redis.set(REDIS_KEY, JSON.stringify(result), "EX", REDIS_EXPIRE);
-    console.log("normal data fetched");
-    return { props: result };
+    return {
+      props: {
+        productData: productData[0], // ✅ single product
+        cataloguesData,
+      },
+    };
   } catch (error) {
   } catch (error) {
     console.error("Product page SSR error:", error);
     console.error("Product page SSR error:", error);
     return { notFound: true };
     return { notFound: true };

pages/collections/[category]/[subCategory]/index.js

@@ -117,6 +117,9 @@ const isStoneLayout =
              {isStoneLayout && (
              {isStoneLayout && (
             <StoneFinishCabinet StoneFinishCabinet={productData?.aboutInfoStone} />
             <StoneFinishCabinet StoneFinishCabinet={productData?.aboutInfoStone} />
           )}
           )}
+           {isStoneLayout && (
+            <Video productData={productData?.aboutInfoStone?.video} />
+          )}
             {productData?.technicalDetails?.length > 0 && (
             {productData?.technicalDetails?.length > 0 && (
               <TechnicalDetails productData={productData?.technicalDetails} />
               <TechnicalDetails productData={productData?.technicalDetails} />
             )}
             )}

services/collectionDetailCategoryApi.js

@@ -79,6 +79,14 @@ export async function getCollectionDetailCategoryData(productSlug) {
             bottomInfo: {
             bottomInfo: {
               populate: "*",
               populate: "*",
             },
             },
+            video: {
+              populate: "*",
+            },
+            gallery: {
+              populate: {
+                image: true,
+              },
+            },
           },
           },
         },
         },