![{{ item.node.images.edges[0].node.alt }}]({{item.node.images.edges[0].node.src }})
5 | 
8 |
39 |
40 |
--------------------------------------------------------------------------------
/netlify/functions/utils/addItemToCart.js:
--------------------------------------------------------------------------------
1 | const { postToShopify } = require('./postToShopify')
2 |
3 | exports.addItemToCart = async ({ cartId, itemId, quantity }) => {
4 | try {
5 | const shopifyResponse = postToShopify({
6 | query: `
7 | mutation addItemToCart($cartId: ID!, $lines: [CartLineInput!]!) {
8 | cartLinesAdd(cartId: $cartId, lines: $lines) {
9 | cart {
10 | id
11 | lines(first: 10) {
12 | edges {
13 | node {
14 | id
15 | quantity
16 | merchandise {
17 | ... on ProductVariant {
18 | id
19 | title
20 | priceV2 {
21 | amount
22 | currencyCode
23 | }
24 | product {
25 | title
26 | handle
27 | }
28 | }
29 | }
30 | }
31 | }
32 | }
33 | estimatedCost {
34 | totalAmount {
35 | amount
36 | currencyCode
37 | }
38 | subtotalAmount {
39 | amount
40 | currencyCode
41 | }
42 | totalTaxAmount {
43 | amount
44 | currencyCode
45 | }
46 | totalDutyAmount {
47 | amount
48 | currencyCode
49 | }
50 | }
51 | }
52 | }
53 | }
54 | `,
55 | variables: {
56 | cartId,
57 | lines: [
58 | {
59 | merchandiseId: itemId,
60 | quantity,
61 | },
62 | ],
63 | },
64 | })
65 |
66 | return shopifyResponse
67 | } catch (error) {
68 | console.log(error)
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/netlify/functions/utils/removeItemFromCart.js:
--------------------------------------------------------------------------------
1 | const { postToShopify } = require('./postToShopify')
2 |
3 | /**
4 | * @param {string} cartId - Target cart to update
5 | * @param lineId - Line id that the item belongs to
6 | */
7 | exports.removeItemFromCart = async ({ cartId, lineId }) => {
8 | try {
9 | const shopifyResponse = await postToShopify({
10 | query: `
11 | mutation removeItemFromCart($cartId: ID!, $lineIds: [ID!]!) {
12 | cartLinesRemove(cartId: $cartId, lineIds: $lineIds) {
13 | cart {
14 | id
15 | lines(first: 10) {
16 | edges {
17 | node {
18 | id
19 | quantity
20 | merchandise {
21 | ... on ProductVariant {
22 | id
23 | title
24 | priceV2 {
25 | amount
26 | currencyCode
27 | }
28 | product {
29 | title
30 | handle
31 | }
32 | }
33 | }
34 | }
35 | }
36 | }
37 | estimatedCost {
38 | totalAmount {
39 | amount
40 | currencyCode
41 | }
42 | subtotalAmount {
43 | amount
44 | currencyCode
45 | }
46 | totalTaxAmount {
47 | amount
48 | currencyCode
49 | }
50 | totalDutyAmount {
51 | amount
52 | currencyCode
53 | }
54 | }
55 | }
56 | }
57 | }
58 | `,
59 | variables: {
60 | cartId,
61 | lineIds: [lineId],
62 | },
63 | })
64 |
65 | return shopifyResponse
66 | } catch (error) {
67 | console.log(error)
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/netlify/functions/utils/createCartWithItem.js:
--------------------------------------------------------------------------------
1 | const { postToShopify } = require('./postToShopify')
2 |
3 | // Creates a cart with a single item
4 | exports.createCartWithItem = async ({ itemId, quantity }) => {
5 | try {
6 | const response = await postToShopify({
7 | query: `
8 | mutation createCart($cartInput: CartInput) {
9 | cartCreate(input: $cartInput) {
10 | cart {
11 | id
12 | createdAt
13 | updatedAt
14 | lines(first:10) {
15 | edges {
16 | node {
17 | id
18 | quantity
19 | merchandise {
20 | ... on ProductVariant {
21 | id
22 | title
23 | priceV2 {
24 | amount
25 | currencyCode
26 | }
27 | product {
28 | id
29 | title
30 | }
31 | }
32 | }
33 | }
34 | }
35 | }
36 | estimatedCost {
37 | totalAmount {
38 | amount
39 | currencyCode
40 | }
41 | subtotalAmount {
42 | amount
43 | currencyCode
44 | }
45 | totalTaxAmount {
46 | amount
47 | currencyCode
48 | }
49 | totalDutyAmount {
50 | amount
51 | currencyCode
52 | }
53 | }
54 | }
55 | }
56 | }
57 | `,
58 | variables: {
59 | cartInput: {
60 | lines: [
61 | {
62 | quantity,
63 | merchandiseId: itemId,
64 | },
65 | ],
66 | },
67 | },
68 | })
69 |
70 | return response
71 | } catch (error) {
72 | console.log(error)
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/netlify/functions/add-to-cart.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Add to Cart API Endpoint
3 | *
4 | * * Purpose: Add a single item to the cart
5 | * @param {string} cartId (Optional)
6 | * @param {string} itemId - Usually it's the product variant id
7 | * @param {number} quantity - Minimum 1
8 | *
9 | * @returns {object} cart that contains lines of items inside
10 | * See './utils/createCartWithItem' for the data structure
11 | *
12 | * Examples:
13 | *
14 | * If a cart does not exist yet,
15 | * ```
16 | * fetch('/.netlify/functions/add-to-cart', {
17 | * method: 'POST',
18 | * body: JSON.stringify({
19 | * cardId: '', // cardId can also be omitted if desired
20 | * itemId: 'Z2lkOi8vc2hvcGlmFyaWFudC8zOTc0NDEyMDEyNzY5NA==',
21 | * quantity: 4
22 | * })
23 | * })
24 | * ```
25 | *
26 | * Add item to an existing cart
27 | * ```
28 | * fetch('/.netlify/functions/add-to-cart', {
29 | * method: 'POST',
30 | * body: JSON.stringify({
31 | * cartId: 'S9Qcm9kdWN0VmFyaWFudC8zOTc0NDEyMDEyNzY5NA',
32 | * itemId: 'Z2lkOi8vc2hvcGlmFyaWFudC8zOTc0NDEyMDEyNzY5NA==',
33 | * quantity: 4
34 | * })
35 | * })
36 | * ```
37 | */
38 |
39 | const { createCartWithItem } = require('./utils/createCartWithItem')
40 | const { addItemToCart } = require('./utils/addItemToCart')
41 |
42 | exports.handler = async (event) => {
43 | let { cartId, itemId, quantity } = JSON.parse(event.body)
44 | quantity = parseInt(quantity);
45 |
46 |
47 | if (cartId) {
48 | console.log('--------------------------------')
49 | console.log('Adding item to existing cart...')
50 | console.log('--------------------------------')
51 |
52 | const shopifyResponse = await addItemToCart({
53 | cartId,
54 | itemId,
55 | quantity,
56 | })
57 |
58 | return {
59 | statusCode: 200,
60 | body: JSON.stringify(shopifyResponse.cartLinesAdd.cart),
61 | }
62 | } else {
63 | console.log('--------------------------------')
64 | console.log('Creating new cart with item...')
65 | console.log('--------------------------------')
66 |
67 | console.log(itemId, quantity);
68 |
69 | const createCartResponse = await createCartWithItem({
70 | itemId,
71 | quantity,
72 | })
73 |
74 | return {
75 | statusCode: 200,
76 | body: JSON.stringify(createCartResponse.cartCreate.cart),
77 | }
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/src/site/_includes/layouts/base.njk:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{ item.node.title }}
9 |{{ item.node.description }}
10 |Shoperoni
10 | 30 |
59 |
`;
63 | }
64 |
65 | return `
66 |
60 | What you need is some meats and cheeses!
61 |
62 |
67 |
`;
84 | }
85 |
86 |
87 | let items = "";
88 | result.cart.lines.edges.forEach(item => {
89 | items += cartItem(result.cart.id, item.node)
90 | });
91 |
92 |
93 |
94 |
95 | const pageTemplate = (items, totals) => {return `
96 |
97 |
98 |
99 |
68 |
75 | 69 | Subtotal: 70 |
71 |Shipping:
72 |Tax:
73 |Total:
74 |
76 |
83 | 77 | ${cart.estimatedCost.subtotalAmount.amount} ${cart.estimatedCost.totalAmount.currencyCode} 78 |
79 |Free Shipping
80 |${cart.estimatedCost.totalTaxAmount.amount} ${cart.estimatedCost.totalAmount.currencyCode}
81 |${cart.estimatedCost.totalAmount.amount} ${cart.estimatedCost.totalAmount.currencyCode}
82 |Shoperoni
105 | 125 |
128 |
129 |
148 |
149 | Your Cart
130 |
131 |
132 |
133 |
143 |
144 | ${cartTotals(result.cart)}
145 |
146 |
147 | | Item | 134 |Price | 135 |Quantity | 136 |Total | 137 |Actions | 138 | 139 | 140 | ${items} 141 | 142 |
|---|