Cross-Sell Product GraphQL Query in Magento 2 to get all the cross-sell items as an output with GraphQL response.
You can fetch the Cross-sell Product from the Product GraphQL Query by applying the product SKU as a filter name.
Before going with the current article, Check full details of Product Query, Brief details of Product Query GraphQL in Magento.
Cross-Sell Product GraphQL Query Magento 2 Payload,
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | { products(filter: { sku: { eq: "24-MB01" } }) { items { id name crosssell_products { id sku stock_status short_description { html } url_key name special_price price_range { minimum_price { final_price { value currency } } maximum_price { final_price { value currency } } } } } } } |
crosssell_products{} field used to retrieve cross-sell items of the product. You can set any field to retrieve as output from the Product Query.
Output for the Magento Sample Data,
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 | { "data": { "products": { "items": [ { "id": 1, "name": "Joust Duffle Bag", "crosssell_products": [ { "id": 20, "sku": "24-UG01", "stock_status": "IN_STOCK", "short_description": { "html": "" }, "url_key": "quest-lumaflex-trade-band", "name": "Quest Lumaflex™ Band", "special_price": null, "price_range": { "minimum_price": { "final_price": { "value": 19, "currency": "USD" } }, "maximum_price": { "final_price": { "value": 19, "currency": "USD" } } } }, { "id": 32, "sku": "24-WG083-blue", "stock_status": "IN_STOCK", "short_description": { "html": "" }, "url_key": "sprite-stasis-ball-75-cm-blue", "name": "Sprite Stasis Ball 75 cm", "special_price": null, "price_range": { "minimum_price": { "final_price": { "value": 32, "currency": "USD" } }, "maximum_price": { "final_price": { "value": 32, "currency": "USD" } } } }, { "id": 34, "sku": "24-WG086", "stock_status": "IN_STOCK", "short_description": { "html": "" }, "url_key": "sprite-yoga-strap-8-foot", "name": "Sprite Yoga Strap 8 foot", "special_price": null, "price_range": { "minimum_price": { "final_price": { "value": 17, "currency": "USD" } }, "maximum_price": { "final_price": { "value": 17, "currency": "USD" } } } }, { "id": 51, "sku": "24-WG085_Group", "stock_status": "IN_STOCK", "short_description": { "html": "" }, "url_key": "set-of-sprite-yoga-straps", "name": "Set of Sprite Yoga Straps", "special_price": null, "price_range": { "minimum_price": { "final_price": { "value": 14, "currency": "USD" } }, "maximum_price": { "final_price": { "value": 14, "currency": "USD" } } } } ] } ] } } } |
You can add/remove the field based on your requirement in the product Query. This is the demonstration purpose only.
You can also interested to read GraphQL Query,