Choose a version:

getShopifyCookies

Parses cookie string and returns Shopify cookies. For tracking values, consider using getTrackingValues instead, which reads from modern Shopify cookies.

Anchor to getShopifyCookies
getShopifyCookies(
cookies
)

Gets the values of _shopify_y and _shopify_s cookies from the provided cookie string. If the Shopify cookies doesn't exist, this method will return an empty string for each missing cookie.

Anchor to getShopifyCookies-parametersParameters

Anchor to cookies cookies string required

Anchor to getShopifyCookies-returnsReturns

Anchor to shopifycookiesShopifyCookies

Shopify cookies names

Anchor to _shopify_s _shopify_s string required: Shopify session token: Value of _shopify_s cookie.
Anchor to _shopify_y _shopify_y string required: Shopify unique user token: Value of _shopify_y cookie.

Examples

import * as React from 'react';

import {useEffect} from 'react';

import {getShopifyCookies} from '@shopify/hydrogen-react';

export default function App({Component, pageProps}) {

useEffect(() => {

getShopifyCookies(document.cookie);

});

return <Component {...pageProps} />;

}

Examples

Example code

Description

I am the default example

JavaScript

import * as React from 'react';
import {useEffect} from 'react';
import {getShopifyCookies} from '@shopify/hydrogen-react';

export default function App({Component, pageProps}) {
  useEffect(() => {
    getShopifyCookies(document.cookie);
  });

  return <Component {...pageProps} />;
}

TypeScript

import * as React from 'react';
import {useEffect} from 'react';
import {getShopifyCookies} from '@shopify/hydrogen-react';

export default function App({Component, pageProps}) {
  useEffect(() => {
    getShopifyCookies(document.cookie);
  });

  return <Component {...pageProps} />;
}