State

Property	Description
product	Subscribe to the product data available on PDP page
product.selectedArticle	Subscribe to the price of a product size at all the selling locations
product.variants	Subscribe to all the available variants of a specific product identified by its slug.
product.meta	Subscribe to the detailed information about a product, including its availability (sellable), available sizes with quantities, dimensions, weight, availability status, price details (marked, effective, selling), minimum order quantity (MOQ).
user	Subscribe to get the user data
global.support	Subscribe to get contact details of the sales channel.
global.appFeature	Subscribe to get the features of the sales channel.
global.contactInfo	Subscribe to get the contact information
global.location	Subscribe to get the location
global.country	Subscribe to get the country
global.defaultCurrency	Subscribe to get the default currency
global.tokenDetail	Subscribe to get the integration token of the sales channel
theme.globalConfig	Subscribe to get the theme global configuration applied in the theme editor
theme.activeGlobalConfig	Subscribe to get the active global configuration of the theme
products.wishlistIds	Subscribe to get the wishlist product ids

Example

FPI.state.product.subscribe((data) => {
    console.log(data)
});
FPI.state.product.meta.subscribe((data) => {
    console.log(data)
});
FPI.state.product.selectedArticle.subscribe((data) => {
    console.log(data)
});
FPI.state.product.variants.subscribe((data) => {
    console.log(data)
});
FPI.state.user.subscribe((data) => {
    console.log(data)
});
FPI.state.global.support.subscribe((data) => {
    console.log(data)
});
FPI.state.global.appFeature.subscribe((data) => {
    console.log(data)
});
FPI.state.global.contactInfo.subscribe((data) => {
    console.log(data)
});
FPI.state.global.location.subscribe((data) => {
    console.log(data)
});
FPI.state.global.country.subscribe((data) => {
    console.log(data)
});
FPI.state.global.defaultCurrency.subscribe((data) => {
    console.log(data)
});
FPI.state.global.tokenDetail.subscribe((data) => {
    console.log(data)
});
FPI.state.theme.globalConfig.subscribe((data) => {
    console.log(data)
});
FPI.state.theme.activeGlobalConfig.subscribe((data) => {
    console.log(data)
});
FPI.state.products.wishlistIds.subscribe((data) => {
    console.log(data)
});

Example​

Example