Added product slug to image url

ethanniser · Oct 22, 2024 · 5dd7a88 · 5dd7a88
1 parent 4776160
commit 5dd7a88
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -17,7 +17,7 @@ const nextConfig = {
         hostname: "bevgyjm5apuichhj.public.blob.vercel-storage.com",
         port: "",
         pathname: "/**",
-        search: "",
+        // search: "",
       },
     ],
   },

diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
@@ -81,7 +81,11 @@ export default async function Page(props: {
           <Image
             loading="eager"
             decoding="sync"
-            src={productData.image_url ?? "/placeholder.svg?height=64&width=64"}
+            src={
+              productData.image_url
+                ? productData.image_url + `?product=${productData.slug}`
+                : "/placeholder.svg?height=64&width=64"
+            }
             alt={`A small picture of ${productData.name}`}
             height={256}
             quality={80}