Authors:
Cameron Johns, Cille Schliebitz, Anita Gu
Changed on:
3 Feb 2025
This lesson focuses on retrieving data for our map visualization. We'll explore how to access data from the page query defined in the manifest document, rather than making GraphQL queries directly within the component. This approach promotes reusability and configurability. We'll specifically target retrieving a list of locations that stock a given product, a crucial step in displaying product availability on the map.
In this client scenario, our goal is to find other available locations with this product in stock and display them on the map.
While it's possible to make GraphQL queries from within a component to fetch data, this can limit the reuse and customizability of a view component. In most cases, we'd prefer to have the component use data from the page query, which can then be configured in the manifest.
Watch the video below to learn how to access the data from the page query defined in the manifest document. This will return a list of all locations that stock the product.
This video explains how to access the data from the page query defined in the manifest document
Copyright © 2025 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.