Merge pull request #2146 from graphcommerce-org/feature/GCOM-1298

[GCOM-1298]: Added configurable details to CartItem via `graphcommerce.config.js`
graphcommerce-org · Jan 23, 2024 · 55430ba · 55430ba
2 parents 5405219 + 3c19305
commit 55430ba
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/.changeset/shy-gifts-trade.md b/.changeset/shy-gifts-trade.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/magento-product-configurable': patch
+---
+
+Display the details of configurable products in the cart.
diff --git a/packages/magento-product-configurable/ConfigurableCartItem/ConfigurableCartItem.graphql b/packages/magento-product-configurable/ConfigurableCartItem/ConfigurableCartItem.graphql
@@ -10,7 +10,10 @@ fragment ConfigurableCartItem on ConfigurableCartItem @inject(into: ["CartItem"]
   }
   configured_variant {
     uid
+    ...ProductLink
+    sku
     name
+    sku
     thumbnail {
       ...ProductImage
     }

diff --git a/packages/magento-product-configurable/plugins/ConfigurableCartItemActionCard.tsx b/packages/magento-product-configurable/plugins/ConfigurableCartItemActionCard.tsx
@@ -17,6 +17,19 @@ export function ConfigurableCartItemActionCard(
   return (
     <Prev
       {...rest}
+      cartItem={{
+        ...rest.cartItem,
+        product: {
+          ...rest.cartItem.product,
+          name: import.meta.graphCommerce.configurableVariantValues?.content
+            ? rest.cartItem.configured_variant.name
+            : rest.cartItem.product.name,
+          thumbnail: rest.cartItem.configured_variant.thumbnail,
+          // url_key: import.meta.graphCommerce.configurableVariantValues?.url
+          //   ? rest.cartItem.configured_variant.url_key
+          //   : rest.cartItem.product.url_key,
+        },
+      }}
       details={
         <>
           {rest.details}