detail page port

2026-05-29 11:22:56 -04:00
parent b85d28c142
commit e22d75c50a
65 changed files with 7006 additions and 4044 deletions
--- a/libs/shopify/product.js
+++ b/libs/shopify/product.js
@@ -0,0 +1,143 @@
+import { gql } from 'graphql-request'
+import { IMAGE_FRAGMENT, PRICE_FRAGMENT } from './fragments'
+
+// Base fragment for product
+// with product metafield of a list of files (images)
+// called 'community_images'
+export const PRODUCT_FRAGMENT = gql`
+    fragment ProductFields on Product {
+        id
+        handle
+        title
+        descriptionHtml
+        metafields(
+            identifiers: [
+                { namespace: "custom", key: "community_images" }
+                { namespace: "custom", key: "size_guide" }
+                { namespace: "custom", key: "member_gated" }
+                { namespace: "custom", key: "member_discounted" }
+            ]
+        ) {
+            key
+            namespace
+            id
+            type
+            value
+            references(first: 100) {
+                edges {
+                    node {
+                        ... on MediaImage {
+                            image {
+                                ...ImageFields
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        featuredImage {
+            ...ImageFields
+        }
+        priceRange {
+            minVariantPrice {
+                ...PriceFields
+            }
+        }
+        options {
+            id
+            name
+            optionValues {
+                id
+                name
+            }
+        }
+        sellingPlanGroups(first: 1) {
+            edges {
+                node {
+                    name
+                    options {
+                        name
+                        values
+                    }
+                    sellingPlans(first: 3) {
+                        edges {
+                            node {
+                                id
+                                name
+                                description
+                                recurringDeliveries
+                                options {
+                                    name
+                                    value
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+`
+
+export const GET_PRODUCTS = gql`
+    ${IMAGE_FRAGMENT}
+    ${PRICE_FRAGMENT}
+    ${PRODUCT_FRAGMENT}
+
+    query getProducts($first: Int!) {
+        products(first: $first) {
+            edges {
+                node {
+                    ...ProductFields
+                }
+            }
+        }
+    }
+`
+
+export const GET_PRODUCT_BY_HANDLE = gql`
+    ${IMAGE_FRAGMENT}
+    ${PRICE_FRAGMENT}
+    ${PRODUCT_FRAGMENT}
+
+    query getProductByHandle($handle: String!) {
+        product(handle: $handle) {
+            ...ProductFields
+            images(first: 100) {
+                edges {
+                    node {
+                        ...ImageFields
+                    }
+                }
+            }
+            variants(first: 100) {
+                edges {
+                    node {
+                        id
+                        title
+                        selectedOptions {
+                            name
+                            value
+                        }
+                        price {
+                            ...PriceFields
+                        }
+                        availableForSale
+                    }
+                }
+            }
+        }
+    }
+`
+
+export const GET_PRODUCT_RECOMMENDATIONS = gql`
+    ${IMAGE_FRAGMENT}
+    ${PRICE_FRAGMENT}
+    ${PRODUCT_FRAGMENT}
+
+    query getProductRecommendations($handle: String!) {
+        productRecommendations(productHandle: $handle) {
+            ...ProductFields
+        }
+    }
+`