Stock display on single product

w3bdesign · Feb 10, 2023 · 15896f8 · 15896f8
1 parent c4e1fad
commit 15896f8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/components/Product/SingleProduct.component.jsx b/components/Product/SingleProduct.component.jsx
@@ -91,6 +91,14 @@ const SingleProduct = ({ product }) => {
               <p className="pt-1 mt-4 text-2xl text-gray-900">
                 {DESCRIPTION_WITHOUT_HTML}
               </p>
+              {product.stockQuantity && (
+                <p
+                  v-if="data.product.stockQuantity"
+                  class="pt-1 mt-4 mb-4 text-2xl text-gray-900"
+                >
+                  {product.stockQuantity} in stock
+                </p>
+              )}
               {product.variations && (
                 <p className="pt-1 mt-4 text-xl text-gray-900">
                   <span className="py-2">Varianter</span>

diff --git a/utils/gql/GQL_QUERIES.js b/utils/gql/GQL_QUERIES.js
@@ -22,6 +22,7 @@ export const GET_SINGLE_PRODUCT = gql`
         regularPrice
         price
         id
+        stockQuantity
       }
       ... on VariableProduct {
         salePrice