link添加

src/app/(public)/category/[slug]/[id]/_components/ProductListing.tsx

@@ -3,7 +3,8 @@
 import { useState, useEffect, useRef } from "react";
 
 import Grid from "@components/theme/ui/grid/Grid";
-import ProductGridItems from "@components/catalog/product/ProductGridItems";
+// import ProductGridItems from "@components/catalog/product/ProductGridItems";
+import NewProductGridItems from "@/components/catalog/product/NewProductGridItems";
 import NewMobileFilter from "@components/theme/filters/NewMobileFilter";
 import NewSortOrder from "@components/theme/filters/NewSortOrder";
 
@@ -253,7 +254,8 @@ export default function ProductListing({
 
       {isArray(products) && products.length > 0 ? (
         <Grid className="grid grid-flow-row grid-cols-2 gap-5 lg:gap-11.5 w-full max-w-screen-2xl mx-auto md:grid-cols-3 lg:grid-cols-4 px-4 xss:px-7.5">
-          <ProductGridItems products={products} />
+          {/* <ProductGridItems products={products} /> */}
+          <NewProductGridItems products={products} />
         </Grid>
       ) : (
         <div className="px-4">

src/components/catalog/product/NewProductGridItems.tsx

@@ -19,6 +19,7 @@ export default function NewProductGridItems({
     return (
             <Grid.Item key={product.id} className="flex flex-col ">
                         {/* 产品图片 */}
+                        <Link href={`/${product.urlKey}.html`} className="block relative">
                         <Image
                           src={imageUrl}
                           alt={product.name}
@@ -27,6 +28,7 @@ export default function NewProductGridItems({
                           sizes="(max-width: 768px) 50vw, (max-width: 1200px) 33vw, 25vw"
                           className=" bg-neutral-100 object-cover transition duration-300 ease-in-out group-hover:scale-105"
                         />
+                        </Link>
                         <Link href={`/${product.urlKey}.html`} className="text-sm text-gray-800 truncate mt-4 mb-2" aria-label={`View ${product.name}`}>
                           {product.name}
                         </Link>