Fix image height & missing query string

packages/commerce/src/api/utils/index.ts

@@ -44,7 +44,10 @@ export const transformRequest = (req: NextApiRequest, path: string) => {
     body = JSON.stringify(req.body)
   }
 
-  return new NextRequest(`https://${req.headers.host}/api/commerce/${path}`, {
+  // Get the url path & query string
+  const url = new URL(req.url || '/', `https://${req.headers.host}`)
+
+  return new NextRequest(url, {
     headers,
     method: req.method,
     body,

site/components/product/ProductCard/ProductCard.module.css

@@ -73,7 +73,7 @@
 }
 
 .imageContainer .productImage {
-  @apply transform transition-transform duration-500 object-cover w-auto h-full;
+  @apply transform transition-transform duration-500 object-cover;
 }
 
 .root .wishlistButton {

site/components/product/ProductView/ProductView.tsx

@@ -81,8 +81,6 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
                   className="animated fadeIn"
                   imgProps={{
                     alt: p.name,
-                    width: 300,
-                    height: 300,
                   }}
                 />
               </div>