Hydrogen components, hooks, and utilities overview

<!DOCTYPE html> <html class="no-js" lang="EN"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://shopify.dev/api/hydrogen","20211201191325","https://web.archive.org/","web","/_static/", "1638386005"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preconnect" href="https://web.archive.org/web/20211201191325/https://cdn.shopify.com/"/> <link href="https://web.archive.org/web/20211201191325/https://fonts.googleapis.com/" rel="preconnect" crossorigin> <link rel="stylesheet" href="https://web.archive.org/web/20211201191325cs_/https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;700;800&display=swap"/> <link rel="shortcut icon" type="image/png" href="https://web.archive.org/web/20211201191325im_/https://cdn.shopify.com/static/shopify-favicon.png"/> <title>Hydrogen components, hooks, and utilities overview</title> <meta name="description" content="Get familiar with the set of Shopify-specific commerce components, hooks, and utilities included in Hydrogen."/> <link rel="canonical" href="https://web.archive.org/web/20211201191325/https://shopify.dev/api/hydrogen"> <script nonce="">document.documentElement.classList.remove('no-js'); document.documentElement.classList.add('js')</script> <link rel="stylesheet" media="screen" href="https://web.archive.org/web/20211201191325cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/application-bc9916d157e68b00267d783e78bfce1fc218f6dd5893d9a5ec106902386b6b8d.css"/> <link rel="stylesheet" media="print" href="https://web.archive.org/web/20211201191325cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/print-723f766d3af22195b195daef85f7795e57f8f313da5a904f787a82d519fb8404.css"/> <link rel="stylesheet" media="screen" href="https://web.archive.org/web/20211201191325cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/manifests/docs-8730c2a1e5fdd20e9965e81fd314c2a235fbc6ad6443ddd9acbbf6dcc1b06bf0.css"/> <link href="https://web.archive.org/web/20211201191325cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/feedback-78c7571815be1118276ef5cb8e808f5c9775b6a3e47a3ead925c8b42ba606102.css" rel="stylesheet"/> <link href="https://web.archive.org/web/20211201191325cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/docs-ed9ee82d75acdce1675daeda565564d18fe7e80a701bb29a6cce009492da47ff.css" rel="stylesheet"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Shopify"/> <meta property="og:title" content="Hydrogen components, hooks, and utilities overview"/> <meta property="og:description" content="Get familiar with the set of Shopify-specific commerce components, hooks, and utilities included in Hydrogen."/> <meta property="og:image" content="https://web.archive.org/web/20211201191325im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/social-share-24de3afa0326f705b84a0a98714acc192611e5a21ade3b7c8f2bd12ba7d1457f.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20211201191325/https://shopify.dev/api/hydrogen"/> <meta property="twitter:card" content="summary_large_image"/> <meta property="twitter:site" content="@Shopify"/> <meta property="twitter:account_id" content="17136315"/> <meta property="twitter:title" content="Hydrogen components, hooks, and utilities overview"/> <meta property="twitter:description" content="Get familiar with the set of Shopify-specific commerce components, hooks, and utilities included in Hydrogen."/> <meta property="twitter:image" content="https://cdn.shopify.com/shopifycloud/shopify_dev/assets/social-share-24de3afa0326f705b84a0a98714acc192611e5a21ade3b7c8f2bd12ba7d1457f.jpg"/> <meta name="“facebook-domain-verification”" content="“qv0mhbzsog35yr5kbv40mmbu65worz”"> <script id="TrekkieScript" type="text/javascript"> (function(){ var config = { 'Trekkie': { 'appName': 'brochure' }, 'Session Attribution': {}, 'CrossDomainTracking': {} }; var trekkie_version = '2021.05.04'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', ]; analytics.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config) { analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.src = 'https://web.archive.org/web/20211201191325/https://cdn.shopify.com/s/javascripts/tricorder/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://web.archive.org/web/20211201191325/https://www.google-analytics.com/analytics.js','_gaUTracker'); var _gaUTrackerOptions = {}; analytics.ready(function() { _gaUTrackerOptions.clientId = analytics.user().traits().uniqToken; _gaUTracker('create', 'UA-82702-49', _gaUTrackerOptions); _gaUTracker('set', 'transport', 'beacon'); _gaUTracker('require', 'displayfeatures'); _gaUTracker('send', 'pageview'); }); </script> </head> <body class="page--api-markdown shopify-sans-supported-lang"> <div id="GlobalIconSymbols"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="modules-caret-down"><svg xmlns="http://www.w3.org/2000/svg" baseprofile="tiny" viewbox="0 0 10.289 6.563"><path d="M5.212 6.563L0 1.423 1.404 0l3.788 3.735L8.865.01l1.424 1.404"/></svg></symbol><symbol id="search-magnify"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M10.192 10.192A3 3 0 115.95 5.95a3 3 0 014.242 4.242zm.64 2.048a5.002 5.002 0 01-6.296-7.704 5 5 0 017.704 6.297c.025.02.05.043.074.066l4.95 4.95a1 1 0 11-1.415 1.415l-4.95-4.95a.974.974 0 01-.066-.074z" clip-rule="evenodd"/></svg></symbol><symbol id="up-key"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 21"><g filter="url(#filter0_d)"><rect width="20" height="20" fill="#FAFBFB" rx="4"/><path fill="#5C5F62" d="M9.462 14V7.76c0-.176.008-.352.024-.528l.036-.432h-.12c-.08.12-.3.336-.66.648l-2.22 1.896v-1.26l3.492-2.964 3.468 2.952v1.26L11.25 7.436a8.247 8.247 0 01-.432-.396 6.984 6.984 0 01-.216-.24h-.12c.016.104.028.248.036.432.016.176.024.352.024.528V14h-1.08z"/><rect width="19" height="19" x=".5" y=".5" stroke="#6D7175" rx="3.5"/></g><defs><filter id="filter0_d" width="20" height="21" x="0" y="0" color-interpolation-filters="sRGB" filterunits="userSpaceOnUse"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset dy="1"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="BackgroundImageFix" result="effect1_dropShadow"/><feblend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs></svg></symbol><symbol id="down-key"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 21"><g filter="url(#filter0_d)"><rect width="20" height="20" fill="#FAFBFB" rx="4"/><path fill="#5C5F62" d="M9.99 14.12l-3.468-2.952v-1.26l2.232 1.896c.176.152.32.284.432.396.112.112.184.192.216.24h.12l-.036-.42a6.234 6.234 0 01-.024-.54V5.24h1.08v6.24c0 .176-.008.356-.024.54a4.13 4.13 0 01-.036.42h.12c.08-.12.3-.336.66-.648l2.22-1.896v1.26L9.99 14.12z"/><rect width="19" height="19" x=".5" y=".5" stroke="#6D7175" rx="3.5"/></g><defs><filter id="filter0_d" width="20" height="21" x="0" y="0" color-interpolation-filters="sRGB" filterunits="userSpaceOnUse"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset dy="1"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="BackgroundImageFix" result="effect1_dropShadow"/><feblend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs></svg></symbol><symbol id="enter-key"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 48 21"><filter id="a" width="48" height="21" x="0" y="0" color-interpolation-filters="sRGB" filterunits="userSpaceOnUse"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset dy="1"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="BackgroundImageFix" result="effect1_dropShadow"/><feblend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><g filter="url(#a)"><rect width="48" height="20" fill="#fafbfb" rx="4"/><path fill="#5c5f62" d="M7.14 14V5.24h5.148v1.152H8.412v2.484h3.456v1.14H8.412v2.832h3.876V14zm7.075 0V7.4h1.284v1.26h.012c.064-.432.248-.768.552-1.008.304-.248.704-.372 1.2-.372.656 0 1.18.212 1.572.636.392.416.588.98.588 1.692V14h-1.296V9.752c0-.432-.116-.764-.348-.996s-.548-.348-.948-.348c-.408 0-.732.124-.972.372-.232.248-.348.6-.348 1.056V14zm10.507 0c-.6 0-1.068-.164-1.404-.492s-.504-.788-.504-1.38V8.576H20.99V7.4h1.824V5.54h1.296V7.4h2.592v1.176H24.11v3.552c0 .464.224.696.672.696h1.8V14zm6.476.12c-.536 0-1.004-.104-1.404-.312a2.358 2.358 0 01-.936-.9c-.216-.384-.324-.832-.324-1.344V9.836c0-.512.108-.96.324-1.344.224-.384.536-.68.936-.888.4-.216.868-.324 1.404-.324.544 0 1.016.108 1.416.324.4.208.708.504.924.888.224.384.336.832.336 1.344v1.176h-4.092v.552c0 1 .476 1.5 1.428 1.5.776 0 1.224-.26 1.344-.78h1.284a2 2 0 01-.864 1.344c-.48.328-1.072.492-1.776.492zm-1.416-4.284v.3l2.832-.012v-.3c0-.488-.12-.86-.36-1.116-.24-.264-.592-.396-1.056-.396s-.816.132-1.056.396-.36.64-.36 1.128zM36.017 14V7.4h1.248v1.224c.208-.896.8-1.344 1.776-1.344.704 0 1.26.22 1.668.66.416.432.624 1.028.624 1.788v.444h-1.332v-.336c0-.472-.12-.832-.36-1.08-.232-.256-.56-.384-.984-.384s-.756.128-.996.384c-.232.256-.348.616-.348 1.08V14z"/><rect width="47" height="19" x=".5" y=".5" stroke="#6d7175" rx="3.5"/></g></svg></symbol><symbol id="escape-key"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 34 21"><filter id="a" width="34" height="21" x="0" y="0" color-interpolation-filters="sRGB" filterunits="userSpaceOnUse"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset dy="1"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="BackgroundImageFix" result="effect1_dropShadow"/><feblend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><g filter="url(#a)"><rect width="34" height="20" fill="#fafbfb" rx="4"/><path fill="#5c5f62" d="M7.335 14V5.24h5.148v1.152H8.607v2.484h3.456v1.14H8.607v2.832h3.876V14zm9.44.108c-.72 0-1.297-.164-1.729-.492s-.668-.772-.708-1.332h1.296c.032.224.148.4.348.528s.464.192.792.192h.516c.392 0 .688-.076.888-.228.2-.16.3-.372.3-.636 0-.488-.356-.788-1.068-.9l-.852-.132c-.704-.104-1.224-.304-1.56-.6-.328-.296-.492-.732-.492-1.308 0-.6.196-1.068.588-1.404.4-.336.988-.504 1.764-.504h.456c.688 0 1.236.16 1.644.48.416.312.652.732.708 1.26H18.37a.65.65 0 00-.324-.468c-.184-.12-.428-.18-.732-.18h-.456c-.376 0-.652.072-.828.216-.168.136-.252.34-.252.612 0 .24.072.42.216.54.152.12.392.204.72.252l.876.132c.744.12 1.288.332 1.632.636.352.304.528.748.528 1.332 0 .632-.208 1.124-.624 1.476-.408.352-1.02.528-1.836.528zm7.47.012c-.823 0-1.483-.228-1.98-.684-.487-.456-.731-1.08-.731-1.872V9.836c0-.792.244-1.416.732-1.872.496-.456 1.156-.684 1.98-.684.792 0 1.428.208 1.908.624s.732.984.756 1.704h-1.296c-.024-.376-.156-.668-.396-.876s-.564-.312-.972-.312c-.44 0-.788.124-1.044.372-.248.24-.372.584-.372 1.032v1.74c0 .456.124.808.372 1.056.256.24.604.36 1.044.36.408 0 .732-.104.972-.312s.372-.504.396-.888h1.296c-.024.72-.276 1.292-.756 1.716-.48.416-1.116.624-1.908.624z"/><rect width="33" height="19" x=".5" y=".5" stroke="#6d7175" rx="3.5"/></g></svg></symbol><symbol id="sidebar-collapse"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 2"><path d="M0 .75a.5.5 0 01.5-.5h7a.5.5 0 01.5.5v.5a.5.5 0 01-.5.5h-7a.5.5 0 01-.5-.5v-.5z"/></svg></symbol><symbol id="sidebar-expand"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 8"><path fill-rule="evenodd" d="M3.75 0a.5.5 0 00-.5.5v2.75H.5a.5.5 0 00-.5.5v.5a.5.5 0 00.5.5h2.75V7.5a.5.5 0 00.5.5h.5a.5.5 0 00.5-.5V4.75H7.5a.5.5 0 00.5-.5v-.5a.5.5 0 00-.5-.5H4.75V.5a.5.5 0 00-.5-.5h-.5z" clip-rule="evenodd"/></svg></symbol><symbol id="modules-mobile-hamburger"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M19 11H1a1 1 0 110-2h18a1 1 0 110 2zm0-7H1a1 1 0 110-2h18a1 1 0 110 2zm0 14H1a1 1 0 110-2h18a1 1 0 110 2z"/></svg></symbol><symbol id="chevron-down"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 6"><path d="M8.586 0H1.414C.524 0 .077 1.077.707 1.707l3.586 3.586a1 1 0 001.414 0l3.586-3.586C9.923 1.077 9.477 0 8.586 0z"/></svg></symbol><symbol id="modules-cancel"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 00-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 001.414 1.414L10 11.414l6.293 6.293a.996.996 0 001.414 0 1 1 0 000-1.414L11.414 10z"/></svg></symbol></svg></div> <div class="signup-form-wrapper signup--hidden " data-define="{form_0: new SignupForm(this)}"> <form class="marketing-form signup-form stateful-form" novalidate="novalidate" autocomplete="off" data-namespace="form_0" data-hidden-fields-namespace="hiddenFields_0" data-bind-event-submit="form_0.handleSubmit(this, event)" action="https://web.archive.org/web/20211201191325/https://accounts.shopify.com/store-signup/setup" accept-charset="UTF-8" method="post"> <div data-define="{ email0: new StatefulField( 'email', form_0, this, { required: true, validate: true, live: false, showHint: true, showError: true }, {}, 'form_0' )} " class="stateful-field email "><div data-context="email0"><label data-bind-class="{'js-has-error': state.error,'js-is-filled': state.filled || state.value.length > 0,'js-has-hint': !state.error && state.hint}" class="marketing-input-wrapper"><span class="marketing-label marketing-label--in-field marketing-label--floating">Email address</span><input placeholder="Email address" aria-describedby="MessageId_c659" name="signup[email]" type="email" autocomplete="email" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.email0)" data-bind-event-keyup="ShopifyMarketing.context.form_0.handleFieldKeyup(event, ShopifyMarketing.context.email0)" class="marketing-input marketing-input--floating" id="0_signup_email"/></label><span class="marketing-form__messages" id="MessageId_c659"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true"></span></span></div></div> <div data-define="{ password0: new StatefulField( 'password', form_0, this, { required: true, validate: true, live: false, showHint: false, showError: true }, {}, 'form_0' )} " class="stateful-field password "><div data-context="password0"><label data-bind-class="{'js-has-error': state.error,'js-is-filled': state.filled || state.value.length > 0,'js-has-hint': !state.error && state.hint}" class="marketing-input-wrapper"><span class="marketing-label marketing-label--in-field marketing-label--floating">Password</span><input placeholder="Password" aria-describedby="MessageId_566b" name="signup[password]" type="password" autocomplete="new-password" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.password0)" data-bind-event-keyup="null" class="marketing-input marketing-input--floating" id="0_signup_password"/></label><span class="marketing-form__messages" id="MessageId_566b"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true"></span></span></div></div> <div data-define="{ shop_name0: new StatefulField( 'shop_name', form_0, this, { required: true, validate: true, live: true, showHint: false, showError: true }, {}, 'form_0' )} " class="stateful-field shop_name "><div data-context="shop_name0"><label data-bind-class="{ 'js-has-error': state.error == true, 'js-is-pending': state.pending == true, 'js-is-focused': state.focus == true, 'js-is-filled': state.filled == true || state.value.length > 0, }" class="marketing-input-wrapper shop_name"><span class="marketing-label marketing-label--in-field marketing-label--floating">Your store name</span><input placeholder="Your store name" aria-describedby="MessageId_04bc" name="signup[shop_name]" type="text" autocomplete="off" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.shop_name0)" data-bind-event-keyup="ShopifyMarketing.context.form_0.handleFieldKeyup(event, ShopifyMarketing.context.shop_name0)" class="marketing-input marketing-input--floating" id="0_signup_shop_name"/></label><span class="marketing-form__messages" id="MessageId_04bc"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true && state.pending == false" data-bind-unsafe-html="displayError()"></span></span></div></div> <div data-define="{hiddenFields_0: new HiddenFields({ source: "", source_url: "", source_url_referer: "", signup_code: "", signup_page: "", signup_page_referer: "", signup_types: [], theme: "", selected_app: "", selected_plan: "", domain_to_connect: "", }, this)}"> <div data-context="hiddenFields_0"> <input type="hidden" name="ref" value=""> <input type="hidden" name="language" value="en"> <input type="hidden" name="locale" value="en"> <input type="hidden" name="_y" data-bind="fields.y"> <input type="hidden" name="ssid" data-bind="fields.ssid"> <input type="hidden" name="source" data-bind="fields.source"> <input type="hidden" name="source_url" data-bind="fields.source_url"> <input type="hidden" name="source_url_referer" data-bind="fields.source_url_referer"> <input type="hidden" name="signup_code" data-bind="fields.signup_code"> <input type="hidden" name="signup_page" data-bind="fields.signup_page"> <input type="hidden" name="signup_page_referer" data-bind="fields.signup_page_referer"> <input type="hidden" name="domain_to_connect" data-bind="fields.domain_to_connect"> <input type="hidden" name="signup_types[]" data-bind-disabled="fields.signup_types" data-bind="fields.signup_type"> <input type="hidden" name="extra[selected_theme]" data-bind="fields.theme"> <input type="hidden" name="extra[selected_app]" data-bind="fields.selected_app"> <input type="hidden" name="extra[selected_plan]" data-bind="fields.selected_plan"> </div> </div> <div class=" cta_wrapper"> <button class="marketing-button marketing-form__button " name="button" data-bind-disabled="form_0.pending == true" type="submit">Create your store</button> </div> </form> </div> <div id="Announcements"></div> <header id="SiteNavContainer" class="site-nav-container is-sticky"> <div class="marketing-nav-wrapper marketing-nav-wrapper--sidebar"> <a class="in-page-link skip-to-main visuallyhidden focusable" data-ga-event="Main Nav" data-ga-action="Skip to content" data-trekkie-event="Main Nav" data-trekkie-action="Skip to content" data-trekkie-id="Main Nav Skip to content" href="#Main">Skip to Content</a> <nav class="marketing-nav--skin-light marketing-nav marketing-nav--primary" id="ShopifyMainNav" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"> <div class="marketing-nav--mobile-wrapper"> <button name="button" type="button" class="marketing-nav__hamburger hide--expanded-nav js-drawer-open-right" aria-haspopup="dialog" aria-expanded="false"> <svg class="icon" aria-labelledby="icon-modules-mobile-hamburger-142-title" role="img"><title id="icon-modules-mobile-hamburger-142-title">Open Main Navigation</title> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#modules-mobile-hamburger"/> </svg> </button> <div class="marketing-nav__logo "> <a href="/web/20211201191325/https://shopify.dev/" class="marketing-nav__logo__shopify" data-ga-event="Main Nav" data-ga-action="Logo" data-trekkie-event="Main Nav" data-trekkie-action="Logo" data-trekkie-id="Main Nav Logo"> <div class="shopify-logo"></div> </a> </div> </div> <div class="marketing-nav__container"> <ul class="marketing-nav__items admin-api-next"> <li><a href="/web/20211201191325/https://shopify.dev/apps" class="marketing-nav__item marketing-nav__item--primary" itemprop="name">Apps</a></li><li><a href="/web/20211201191325/https://shopify.dev/themes" class="marketing-nav__item marketing-nav__item--primary" itemprop="name">Themes</a></li><li><a href="/web/20211201191325/https://shopify.dev/custom-storefronts" class="marketing-nav__item marketing-nav__item--primary" itemprop="name">Custom storefronts</a></li><li><a href="/web/20211201191325/https://shopify.dev/marketplaces" class="marketing-nav__item marketing-nav__item--primary" itemprop="name">Marketplaces</a></li><li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--active marketing-nav__item--primary" url="/api" itemprop="name">APIs and references<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#chevron-down"/> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><p class="popover__description marketing-nav__item marketing-nav__item--child">Apps</p><ul class="popover__list"><li><a href="/web/20211201191325/https://shopify.dev/api/admin-graphql" class="marketing-nav__item marketing-nav__item--child" itemprop="name">GraphQL Admin API</a></li><li><a href="/web/20211201191325/https://shopify.dev/api/admin-rest" class="marketing-nav__item marketing-nav__item--child" itemprop="name">REST Admin API</a></li></ul></li><li><p class="popover__description marketing-nav__item marketing-nav__item--child">Themes</p><ul class="popover__list"><li><a href="/web/20211201191325/https://shopify.dev/api/liquid" class="marketing-nav__item marketing-nav__item--child" itemprop="name">Liquid</a></li><li><a href="/web/20211201191325/https://shopify.dev/api/ajax" class="marketing-nav__item marketing-nav__item--child" itemprop="name">Ajax API</a></li></ul></li><li><p class="popover__description marketing-nav__item marketing-nav__item--child">Custom storefronts</p><ul class="popover__list"><li><a href="/web/20211201191325/https://shopify.dev/api/storefront" class="marketing-nav__item marketing-nav__item--child" itemprop="name">Storefront API</a></li><li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen" class="marketing-nav__item marketing-nav__item--child drawer__item--active" itemprop="name">Hydrogen</a></li></ul></li><li><ul class="popover__list"><li><a href="/web/20211201191325/https://shopify.dev/api" class="marketing-nav__item marketing-nav__item--child marketing-nav__item--separated" itemprop="name">View all</a></li></ul></li></ul></div></div></div></li> </ul> <div class="search-container" id="searchContainer"> <form id="searchForm" class="search-form" action="/web/20211201191325/https://shopify.dev/search" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="acVxRtdzRaMVVAszzVfC9UXsmgDqK2kRYxgW_WorhA7o99pWqEIi799ro0-c8dmjcVgdttUzI1BqoKWe5x4Cng"/> <input type="hidden" name="authenticity_token" id="authenticity_token" value="Qrx3hVv8OoE0RIKU8xvHa1m854A5ytPQZcmEztuFY9i7cuTsspT5zzMhO2yp-J3vZtCCBnQ7Kr88484oTJcSlw"/> <label class="marketing-input-wrapper search-input-wrapper"><span class="marketing-label marketing-label--hidden visuallyhidden">Search the documentation</span><input aria-describedby="MessageId_6a04" placeholder="Search" name="query" class="marketing-input search-input" id="searchInput" autocomplete="off" required="required" type="search"/></label><span class="marketing-form__messages" id="MessageId_6a04"></span> <input name="search_uuid" id="searchUUID" value="17bfe8fe-ebc6-47bd-8f4e-209d2e978109" type="hidden"/> <input id="openSearchResultPath" value="/search/result" type="hidden" name="search[open_search_result_path]"/> <button name="button" type="submit" id="searchSubmitButton" class="search-submit-button" aria-label="Search Submit button"> <svg class="icon search-submit-button__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#search-magnify"/> </svg> </button> <div class="search-launcher" aria-label="Forward slash to launch search"></div> <div id="searchSuggestionsContainer" class="search-suggestions-container search-suggestions-container--is-hidden"> <div class="search-suggestions-instructions hide--mobile" id="searchSuggestionsInstruction" aria-hidden="true"> <span class="search-instruction"> Press <svg class="icon search-instruction__icon search-instruction__icon--up" aria-labelledby="icon-up-key-3-title" role="img"><title id="icon-up-key-3-title">Up</title> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#up-key"/> </svg><svg class="icon search-instruction__icon" aria-labelledby="icon-down-key-4-title" role="img"><title id="icon-down-key-4-title">Down</title> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#down-key"/> </svg> to navigate, <svg class="icon icon--size-large search-instruction__icon search-instruction__icon--enter" aria-labelledby="icon-enter-key-5-title" role="img"><title id="icon-enter-key-5-title">enter</title> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#enter-key"/> </svg> to select, <svg class="icon icon--size-large search-instruction__icon search-instruction__icon--escape" aria-labelledby="icon-escape-key-6-title" role="img"><title id="icon-escape-key-6-title">esc</title> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#escape-key"/> </svg> to dismiss </span> </div> <div id="searchSuggestionsIllustration" class="search-suggestions-illustration search-suggestions-illustration--is-hidden"> <span class="image lazyload-image search-no-results-image" style="max-width: 138px; max-height: 138px;"><span class="lazyload-image__placeholder" style="padding-bottom: 100.0%"><img alt="No search results" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211201191325im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/search/empty-search-small-ee5ac8bd6c3f5e1a928fe9719c3623a0e2422eabee4f9cf9ed4f3161487b7c85.png 1x, https://web.archive.org/web/20211201191325im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/search/empty-search-large-2df0a9fcac1970320ac16ca99c05aabd45e68b68899e00ab2ad79a6528ad8cd2.png 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211201191325im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/search/empty-search-small-ee5ac8bd6c3f5e1a928fe9719c3623a0e2422eabee4f9cf9ed4f3161487b7c85.png 1x, https://web.archive.org/web/20211201191325im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/search/empty-search-large-2df0a9fcac1970320ac16ca99c05aabd45e68b68899e00ab2ad79a6528ad8cd2.png 2x" alt="No search results"/></noscript></span></span> </div></div></form> <button type="button" class="search-mobile-button" id="searchMobileButton"> <svg class="icon search-mobile-button__icon" aria-labelledby="icon-search-magnify-7-title" role="img"><title id="icon-search-magnify-7-title">Search</title> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#search-magnify"/> </svg> </button> </div> <ul class="marketing-nav__items marketing-nav__user display--expanded-nav admin-api-next"> <li class="theme-mode-toggle-container"> <button name="button" type="button" id="theme-mode-toggle" class="theme-mode-button"></button> </li> <li><a href="https://web.archive.org/web/20211201191325/https://partners.shopify.com/organizations" class="marketing-nav__item marketing-nav__item--user" itemprop="name">Log in</a></li><li><a href="https://web.archive.org/web/20211201191325/https://partners.shopify.com/signup/developer" class="marketing-nav__item marketing-nav__item--user" itemprop="name" data-event-page="header" data-event-category="link" data-event-action="click-signup-link" data-event-label="sign-up" data-fbq-event="Lead" data-ga-form-success-event="Partner signup email form from developer site" data-ga-event-page="/api/hydrogen">Sign up</a></li> </ul> </div> </nav> </div> <div id="NavDrawer" class="drawer drawer--left" role="dialog" aria-modal="true" aria-labelledby="DrawerTitle"> <div class="drawer__inner-wrapper"> <div class="drawer__top drawer__inner-top-wrapper"> <div class="drawer__inner-top"> <button name="button" type="button" class="drawer__close-button js-drawer-close"> <svg class="icon" aria-labelledby="icon-modules-cancel-144-title" role="img"><title id="icon-modules-cancel-144-title">Close Main Navigation</title> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#modules-cancel"/> </svg> </button> <div class="marketing-nav__logo"> <a href="/web/20211201191325/https://shopify.dev/" class="marketing-nav__logo__shopify"> <div class="shopify-logo"></div> </a> </div> </div> </div> <div class="drawer__inner-bottom"> <nav id="DrawerTitle" aria-label="Main Navigation"> <div class="drawer-navigation"> <div class="accordion-item drawer-navigation__item"> <button class="accordion-link drawer-navigation__link"> <span class="drawer-navigation__link-content"> Menu </span> <svg class="icon drawer-navigation__caret" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#modules-caret-down"/> </svg> </button> <div class="accordion-content drawer-navigation__content"> <ul> <li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/apps" class="drawer__item">Apps</a></li><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/themes" class="drawer__item">Themes</a></li><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/custom-storefronts" class="drawer__item">Custom storefronts</a></li><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/marketplaces" class="drawer__item">Marketplaces</a></li><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api" class="drawer__item">APIs and references</a><ul class="drawer__items drawer__items--nested"><li class="drawer-navigation__list"><ul class="drawer__items drawer__items--nested"><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api/admin-graphql" class="drawer__item">GraphQL Admin API</a></li><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api/admin-rest" class="drawer__item">REST Admin API</a></li></ul></li><li class="drawer-navigation__list"><ul class="drawer__items drawer__items--nested"><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api/liquid" class="drawer__item">Liquid</a></li><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api/ajax" class="drawer__item">Ajax API</a></li></ul></li><li class="drawer-navigation__list"><ul class="drawer__items drawer__items--nested"><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api/storefront" class="drawer__item">Storefront API</a></li><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api/hydrogen" class="drawer__item drawer__item--active">Hydrogen</a></li></ul></li><li class="drawer-navigation__list"><ul class="drawer__items drawer__items--nested"><li class="drawer-navigation__list"><a href="/web/20211201191325/https://shopify.dev/api" class="drawer__item marketing-nav__item--separated">View all</a></li></ul></li></ul></li> </ul> </div> </div> </div> </nav> </div> </div> <div class="drawer-sidebar"> <nav class="sidebar"> <div class="sidebar-menu"> <section class="sidebar-group" aria-label="About Shopify API"> <ul class="sidebar-list"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api"><span>APIs and references</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Release notes</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/developer-previews"><span>Developer previews</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2022-01"><span>2022-01 (Release candidate)</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-10"><span>2021-10</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-07"><span>2021-07</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-04"><span>2021-04</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-01"><span>2021-01</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-10"><span>2020-10</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-07"><span>2020-07</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-04"><span>2020-04</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-01"><span>2020-01</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2019-10"><span>2019-10</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2019-07"><span>2019-07</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2019-04"><span>2019-04</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">API usage</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/authentication"><span>Authentication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/access-scopes"><span>Access scopes</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Versioning</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning/updates"><span>Getting updates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning/api-health"><span>API health report</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning/private-apps"><span>Private apps</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/rate-limits"><span>Rate limits</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/search-syntax"><span>Search syntax</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/response-codes"><span>Response status codes</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/idempotent-requests"><span>Idempotent requests</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Bulk operations</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/bulk-operations/queries"><span>Exports and queries</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/bulk-operations/imports"><span>Imports and mutations</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Pagination</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/pagination-graphql"><span>GraphQL</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/pagination-rest"><span>REST</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Examples</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/customer"><span>Customers</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/discounts"><span>Discounts</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/gift-cards"><span>Gift cards</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Internationalization</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-app-translations"><span>App translations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-country-fields"><span>Country fields</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-online-store-translations"><span>Online store translations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-shop-locales"><span>Shop locales</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Marketing</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/marketing-events"><span>Events and engagements</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/marketing-seo"><span>SEO data</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Orders</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/order-editing"><span>Order editing</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/order-sales-data"><span>Sales data</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/order-testing"><span>Test orders</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Products</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-cost"><span>Product cost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-inventory"><span>Inventory</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-media"><span>Media</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-status"><span>Status</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-variant-media"><span>Variant media</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Shipping</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/shipping-delivery-profiles"><span>Delivery profiles</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/shipping-duty-refunds"><span>Shipping duty refunds</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/shop"><span>Shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/app-uninstall"><span>Uninstalling apps</span></a> </div> </li> </ul> </li> </ul> </section> <section class="sidebar-group" aria-label="Admin API references."> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Admin API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-graphql"><span>GraphQL reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-rest"><span>REST reference</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Partner API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">App events</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/appsubscription"><span>AppSubscription</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/creditapplied"><span>CreditApplied</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/creditfailed"><span>CreditFailed</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/creditpending"><span>CreditPending</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargeaccepted"><span>OneTimeChargeAccepted</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargeactivated"><span>OneTimeChargeActivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargedeclined"><span>OneTimeChargeDeclined</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargeexpired"><span>OneTimeChargeExpired</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipdeactivated"><span>RelationshipDeactivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipinstalled"><span>RelationshipInstalled</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipreactivated"><span>RelationshipReactivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipuninstalled"><span>RelationshipUninstalled</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeaccepted"><span>SubscriptionChargeAccepted</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeactivated"><span>SubscriptionChargeActivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargecanceled"><span>SubscriptionChargeCanceled</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargedeclined"><span>SubscriptionChargeDeclined</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeexpired"><span>SubscriptionChargeExpired</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargefrozen"><span>SubscriptionChargeFrozen</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeunfrozen"><span>SubscriptionChargeUnfrozen</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/usagechargeapplied"><span>UsageChargeApplied</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__interface"> Interfaces </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/appevent"><span>AppEvent</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/appeventtypes"><span>AppEventTypes</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Common objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/queryroot"><span>QueryRoot</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/actor"><span>Actor</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/apiversion"><span>ApiVersion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/app"><span>App</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/apppricinginterval"><span>AppPricingInterval</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/conversation"><span>Conversation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/conversationstatus"><span>ConversationStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/currency"><span>Currency</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/merchantuser"><span>MerchantUser</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/money"><span>Money</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/node"><span>Node</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/organization"><span>Organization</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/shop"><span>Shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/shopifyemployee"><span>ShopifyEmployee</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/teammember"><span>TeamMember</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/theme"><span>Theme</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Directives</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives/deprecated"><span>deprecated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives/include"><span>include</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives/skip"><span>skip</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Jobs</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__union"> Unions </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/messagesender"><span>MessageSender</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/job"><span>Job</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/jobrequirement"><span>JobRequirement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/message"><span>Message</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/service"><span>Service</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/jobstatus"><span>JobStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/messagesentvia"><span>MessageSentVia</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/scalar"><span>Scalars</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Transactions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appcredit"><span>AppCredit</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/apponetimesale"><span>AppOneTimeSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/apppurchaseonetime"><span>AppPurchaseOneTime</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsaleadjustment"><span>AppSaleAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsalecredit"><span>AppSaleCredit</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsubscriptionsale"><span>AppSubscriptionSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appusagerecord"><span>AppUsageRecord</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appusagesale"><span>AppUsageSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/legacytransaction"><span>LegacyTransaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/referraladjustment"><span>ReferralAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/referraltransaction"><span>ReferralTransaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/servicesale"><span>ServiceSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/servicesaleadjustment"><span>ServiceSaleAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/taxtransaction"><span>TaxTransaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/themesale"><span>ThemeSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/themesaleadjustment"><span>ThemeSaleAdjustment</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__interface"> Interfaces </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appcharge"><span>AppCharge</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appcreditevent"><span>AppCreditEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/apppurchaseonetimeevent"><span>AppPurchaseOneTimeEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsubscriptionevent"><span>AppSubscriptionEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appusagerecordevent"><span>AppUsageRecordEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/transaction"><span>Transaction</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/referralcategory"><span>ReferralCategory</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/taxtransactiontype"><span>TaxTransactionType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/transactiontype"><span>TransactionType</span></a> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Payments Apps API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">GraphQL reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">App configuration</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/app_configuration"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/app_configuration/paymentsappconfigure"><span>paymentsAppConfigure</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Capture</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/capture"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/capture/capturesessionreject"><span>captureSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/capture/capturesessionresolve"><span>captureSessionResolve</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Common APIs</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/queryroot"><span>QueryRoot</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/apiversion"><span>ApiVersion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesession"><span>CaptureSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionrejectionreasoninput"><span>CaptureSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatus"><span>CaptureSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatuscode"><span>CaptureSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatusreason"><span>CaptureSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatusreasonrejectioncode"><span>CaptureSessionStatusReasonRejectionCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsappconfiguration"><span>PaymentsAppConfiguration</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsession"><span>PaymentSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionactionsredirect"><span>PaymentSessionActionsRedirect</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionnextaction"><span>PaymentSessionNextAction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionnextactionaction"><span>PaymentSessionNextActionAction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionnextactioncontext"><span>PaymentSessionNextActionContext</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionpending"><span>paymentSessionPending</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionrejectionreasoninput"><span>PaymentSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatus"><span>PaymentSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatuscode"><span>PaymentSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatusreason"><span>PaymentSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatusreasonrejectioncode"><span>PaymentSessionStatusReasonRejectionCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsession"><span>RefundSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionrejectionreasoninput"><span>RefundSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatus"><span>RefundSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatuscode"><span>RefundSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatusreason"><span>RefundSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatusreasonrejectioncode"><span>RefundSessionStatusReasonRejectionCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsession"><span>VoidSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionrejectionreasoninput"><span>VoidSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatus"><span>VoidSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatuscode"><span>VoidSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatusreason"><span>VoidSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatusreasonrejectioncode"><span>VoidSessionStatusReasonRejectionCode</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Directives</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/directives/deprecated"><span>deprecated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/directives/include"><span>include</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/directives/skip"><span>skip</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Payment</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/payment"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/payment/paymentsessionreject"><span>paymentSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/payment/paymentsessionresolve"><span>paymentSessionResolve</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Refund</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/refund"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/refund/refundsessionreject"><span>refundSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/refund/refundsessionresolve"><span>refundSessionResolve</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/scalar"><span>Scalars</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Void</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/void"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/void/voidsessionreject"><span>voidSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/void/voidsessionresolve"><span>voidSessionResolve</span></a> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Messaging API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/messaging"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/messaging/reference"><span>Reference</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/multipass"><span>Multipass</span></a> </div> </li> </ul> </section> <section class="sidebar-group" aria-label="Liquid and themes references."> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Liquid</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Basics</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/handle"><span>Handles</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/operators"><span>Operators</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/types"><span>Types</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/true-and-false"><span>Truthy and falsy</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/whitespace"><span>Whitespace control</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Filters</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/array-filters"><span>Array filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/color-filters"><span>Color filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/font-filters"><span>Font filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/html-filters"><span>HTML filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/math-filters"><span>Math filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/media-filters"><span>Media filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/metafield-filters"><span>Metafield filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/money-filters"><span>Money filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/string-filters"><span>String filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/additional-filters"><span>Additional filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/deprecated-filters"><span>Deprecated filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/url-filters"><span>URL filters</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/address"><span>address</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/all-country-option-tags"><span>all_country_option_tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/article"><span>article</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/block"><span>block</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/blog"><span>blog</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/cart"><span>cart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/checkout"><span>checkout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/collection"><span>collection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/color"><span>color</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/comment"><span>comment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/country"><span>country</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/country-option-tags"><span>country_option_tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/currency"><span>currency</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/current-page"><span>current_page</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/current-tags"><span>current_tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/customer"><span>customer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/customer-address"><span>customer_address</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/date"><span>date</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/discount-allocation"><span>discount_allocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/discount-application"><span>discount_application</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/external-video"><span>external_video</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/filter"><span>filter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/filter-value"><span>filter_value</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/font"><span>font</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/for-loops"><span>forloop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/form"><span>form</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/fulfillment"><span>fulfillment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/generic-file"><span>generic_file</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/gift-card"><span>gift_card</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/group"><span>group</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/handle"><span>handle</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/image"><span>image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/line_item"><span>line_item</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/link"><span>link</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/linklist"><span>linklist</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/localization"><span>localization</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/location"><span>location</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/measurement"><span>measurement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/media"><span>media</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/metafield"><span>metafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/model"><span>model</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/model-source"><span>model_source</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/order"><span>order</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page"><span>page</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page-description"><span>page_description</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page-image"><span>page_image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page-title"><span>page_title</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/paginate"><span>paginate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/part"><span>part</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/payment_terms"><span>payment_terms</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/policy"><span>policy</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/predictive-search"><span>predictive_search</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/product"><span>product</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/product_option"><span>product_option</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/rating"><span>rating</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/recommendations"><span>recommendations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/request"><span>request</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/robots"><span>robots</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/routes"><span>routes</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/rule"><span>rule</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/script"><span>script</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/search"><span>search</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/section"><span>section</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/selling-plan"><span>selling_plan</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/selling-plan-allocation"><span>selling_plan_allocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/selling-plan-group"><span>selling_plan_group</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/shipping_method"><span>shipping_method</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/shop"><span>shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/shop-locale"><span>shop_locale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/sitemap"><span>sitemap</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/storeavailability"><span>store_availability</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/tablerow"><span>tablerow</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/tax_line"><span>tax_line</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/template"><span>template</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/theme"><span>theme</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/transaction"><span>transaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/unit_price_measurement"><span>unit_price_measurement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/user-agent"><span>user_agent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/variant"><span>variant</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/video"><span>video</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/video-source"><span>video_source</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/deprecated-objects"><span>Deprecated object properties</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Tags</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/control-flow-tags"><span>Control flow tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/iteration-tags"><span>Iteration tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/theme-tags"><span>Theme tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/variable-tags"><span>Variable tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/deprecated-tags"><span>Deprecated tags</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Ajax API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/cart"><span>Cart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/product"><span>Product</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/product-recommendations"><span>Product recommendations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/predictive-search"><span>Predictive search</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/section-rendering"><span>Section Rendering API</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/consent-tracking"><span>Customer Privacy API</span></a> </div> </li> </ul> </section> <section class="sidebar-group" aria-label="Consult the Storefront API and Hydrogen references"> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Storefront API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Cart</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cart"><span>Cart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartautomaticdiscountallocation"><span>CartAutomaticDiscountAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartbuyeridentity"><span>CartBuyerIdentity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartcodediscountallocation"><span>CartCodeDiscountAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartdiscountcode"><span>CartDiscountCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartestimatedcost"><span>CartEstimatedCost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartline"><span>CartLine</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlineestimatedcost"><span>CartLineEstimatedCost</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartattributesupdate"><span>cartAttributesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartbuyeridentityupdate"><span>cartBuyerIdentityUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartcreate"><span>cartCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartdiscountcodesupdate"><span>cartDiscountCodesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlinesadd"><span>cartLinesAdd</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlinesremove"><span>cartLinesRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlinesupdate"><span>cartLinesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartnoteupdate"><span>cartNoteUpdate</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__interface"> Interfaces </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartdiscountallocation"><span>CartDiscountAllocation</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartbuyeridentityinput"><span>CartBuyerIdentityInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartinput"><span>CartInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlineinput"><span>CartLineInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlineupdateinput"><span>CartLineUpdateInput</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Checkouts</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__union"> Unions </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/merchandise"><span>Merchandise</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/pricingvalue"><span>PricingValue</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/appliedgiftcard"><span>AppliedGiftCard</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/automaticdiscountapplication"><span>AutomaticDiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/availableshippingrates"><span>AvailableShippingRates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkout"><span>Checkout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutbuyeridentity"><span>CheckoutBuyerIdentity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitem"><span>CheckoutLineItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/creditcard"><span>CreditCard</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/discountallocation"><span>DiscountAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/discountapplication"><span>DiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/discountcodeapplication"><span>DiscountCodeApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/location"><span>Location</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/manualdiscountapplication"><span>ManualDiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/payment"><span>Payment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/paymentsettings"><span>PaymentSettings</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/pricingpercentagevalue"><span>PricingPercentageValue</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/scriptdiscountapplication"><span>ScriptDiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/shippingrate"><span>ShippingRate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/storeavailability"><span>StoreAvailability</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/transaction"><span>Transaction</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdate"><span>checkoutAttributesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdatev2"><span>checkoutAttributesUpdateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletefree"><span>checkoutCompleteFree</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithcreditcard"><span>checkoutCompleteWithCreditCard</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithtokenizedpayment"><span>checkoutCompleteWithTokenizedPayment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithtokenizedpaymentv2"><span>checkoutCompleteWithTokenizedPaymentV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithtokenizedpaymentv3"><span>checkoutCompleteWithTokenizedPaymentV3</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcreate"><span>checkoutCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerassociate"><span>checkoutCustomerAssociate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerassociatev2"><span>checkoutCustomerAssociateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerdisassociate"><span>checkoutCustomerDisassociate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerdisassociatev2"><span>checkoutCustomerDisassociateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutdiscountcodeapply"><span>checkoutDiscountCodeApply</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutdiscountcodeapplyv2"><span>checkoutDiscountCodeApplyV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutdiscountcoderemove"><span>checkoutDiscountCodeRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutemailupdate"><span>checkoutEmailUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutemailupdatev2"><span>checkoutEmailUpdateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardapply"><span>checkoutGiftCardApply</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardremove"><span>checkoutGiftCardRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardremovev2"><span>checkoutGiftCardRemoveV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardsappend"><span>checkoutGiftCardsAppend</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsadd"><span>checkoutLineItemsAdd</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsremove"><span>checkoutLineItemsRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsreplace"><span>checkoutLineItemsReplace</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsupdate"><span>checkoutLineItemsUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutshippingaddressupdate"><span>checkoutShippingAddressUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutshippingaddressupdatev2"><span>checkoutShippingAddressUpdateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutshippinglineupdate"><span>checkoutShippingLineUpdate</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdateinput"><span>CheckoutAttributesUpdateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdatev2input"><span>CheckoutAttributesUpdateV2Input</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutbuyeridentityinput"><span>CheckoutBuyerIdentityInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcreateinput"><span>CheckoutCreateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineiteminput"><span>CheckoutLineItemInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemupdateinput"><span>CheckoutLineItemUpdateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/creditcardpaymentinput"><span>CreditCardPaymentInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/creditcardpaymentinputv2"><span>CreditCardPaymentInputV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/geocoordinateinput"><span>GeoCoordinateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/tokenizedpaymentinput"><span>TokenizedPaymentInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/tokenizedpaymentinputv2"><span>TokenizedPaymentInputV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/tokenizedpaymentinputv3"><span>TokenizedPaymentInputV3</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/locationsortkeys"><span>LocationSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/paymenttokentype"><span>PaymentTokenType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/transactionkind"><span>TransactionKind</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/transactionstatus"><span>TransactionStatus</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Common objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/queryroot"><span>QueryRoot</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/apiversion"><span>ApiVersion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/attribute"><span>Attribute</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/attributeinput"><span>AttributeInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/cardbrand"><span>CardBrand</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/country"><span>Country</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/countrycode"><span>CountryCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/cropregion"><span>CropRegion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/currency"><span>Currency</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/currencycode"><span>CurrencyCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/digitalwallet"><span>DigitalWallet</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/domain"><span>Domain</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/filter"><span>Filter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/filtertype"><span>FilterType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/filtervalue"><span>FilterValue</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/hasmetafields"><span>HasMetafields</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/image"><span>Image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/imagecontenttype"><span>ImageContentType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/imagetransforminput"><span>ImageTransformInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/localization"><span>Localization</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/mailingaddress"><span>MailingAddress</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/mailingaddressinput"><span>MailingAddressInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafield"><span>Metafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafieldparentresource"><span>MetafieldParentResource</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafieldreference"><span>MetafieldReference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafieldvaluetype"><span>MetafieldValueType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/moneyinput"><span>MoneyInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/moneyv2"><span>MoneyV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/node"><span>Node</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/onlinestorepublishable"><span>OnlineStorePublishable</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/seo"><span>SEO</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/unitsystem"><span>UnitSystem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/weightunit"><span>WeightUnit</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Customers</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customer"><span>Customer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstoken"><span>CustomerAccessToken</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokencreate"><span>customerAccessTokenCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokencreatewithmultipass"><span>customerAccessTokenCreateWithMultipass</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokendelete"><span>customerAccessTokenDelete</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokenrenew"><span>customerAccessTokenRenew</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeractivate"><span>customerActivate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeractivatebyurl"><span>customerActivateByUrl</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraddresscreate"><span>customerAddressCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraddressdelete"><span>customerAddressDelete</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraddressupdate"><span>customerAddressUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customercreate"><span>customerCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerdefaultaddressupdate"><span>customerDefaultAddressUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerrecover"><span>customerRecover</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerreset"><span>customerReset</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerresetbyurl"><span>customerResetByUrl</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerupdate"><span>customerUpdate</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokencreateinput"><span>CustomerAccessTokenCreateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeractivateinput"><span>CustomerActivateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customercreateinput"><span>CustomerCreateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerresetinput"><span>CustomerResetInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerupdateinput"><span>CustomerUpdateInput</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Directives</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/accessrestricted"><span>accessRestricted</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/deprecated"><span>deprecated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/include"><span>include</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/incontext"><span>inContext</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/skip"><span>skip</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Online store</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/article"><span>Article</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/articleauthor"><span>ArticleAuthor</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/blog"><span>Blog</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/comment"><span>Comment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/commentauthor"><span>CommentAuthor</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/locationaddress"><span>LocationAddress</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/page"><span>Page</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/shop"><span>Shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/shoppolicy"><span>ShopPolicy</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/shoppolicywithdefault"><span>ShopPolicyWithDefault</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/articlesortkeys"><span>ArticleSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/blogsortkeys"><span>BlogSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/pagesortkeys"><span>PageSortKeys</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Orders</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/fulfillment"><span>Fulfillment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/fulfillmentlineitem"><span>FulfillmentLineItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/fulfillmenttrackinginfo"><span>FulfillmentTrackingInfo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/order"><span>Order</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/orderlineitem"><span>OrderLineItem</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/discountapplicationallocationmethod"><span>DiscountApplicationAllocationMethod</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/discountapplicationtargetselection"><span>DiscountApplicationTargetSelection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/discountapplicationtargettype"><span>DiscountApplicationTargetType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/ordercancelreason"><span>OrderCancelReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/orderfinancialstatus"><span>OrderFinancialStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/orderfulfillmentstatus"><span>OrderFulfillmentStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/ordersortkeys"><span>OrderSortKeys</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Products</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__union"> Unions </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanpriceadjustmentvalue"><span>SellingPlanPriceAdjustmentValue</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/collection"><span>Collection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/externalvideo"><span>ExternalVideo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/media"><span>Media</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/mediaimage"><span>MediaImage</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/model3d"><span>Model3d</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/model3dsource"><span>Model3dSource</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/product"><span>Product</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productoption"><span>ProductOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productpricerange"><span>ProductPriceRange</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productvariant"><span>ProductVariant</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productvariantpricepair"><span>ProductVariantPricePair</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/selectedoption"><span>SelectedOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplan"><span>SellingPlan</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanallocation"><span>SellingPlanAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanallocationpriceadjustment"><span>SellingPlanAllocationPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanfixedamountpriceadjustment"><span>SellingPlanFixedAmountPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanfixedpriceadjustment"><span>SellingPlanFixedPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplangroup"><span>SellingPlanGroup</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplangroupoption"><span>SellingPlanGroupOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanoption"><span>SellingPlanOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanpercentagepriceadjustment"><span>SellingPlanPercentagePriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanpriceadjustment"><span>SellingPlanPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/standardproducttype"><span>StandardProductType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/unitpricemeasurement"><span>UnitPriceMeasurement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/video"><span>Video</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/videosource"><span>VideoSource</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/metafieldfilter"><span>MetafieldFilter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/pricerangefilter"><span>PriceRangeFilter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productfilter"><span>ProductFilter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/selectedoptioninput"><span>SelectedOptionInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/variantoptionfilter"><span>VariantOptionFilter</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/collectionsortkeys"><span>CollectionSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/mediacontenttype"><span>MediaContentType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/mediahost"><span>MediaHost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productcollectionsortkeys"><span>ProductCollectionSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productimagesortkeys"><span>ProductImageSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productmediasortkeys"><span>ProductMediaSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productsortkeys"><span>ProductSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productvariantsortkeys"><span>ProductVariantSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/unitpricemeasurementmeasuredtype"><span>UnitPriceMeasurementMeasuredType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/unitpricemeasurementmeasuredunit"><span>UnitPriceMeasurementMeasuredUnit</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/scalar"><span>Scalars</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item accordion-item--active"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Hydrogen</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--active sidebar-submenu--depth-1"> <li class="sidebar-item sidebar-item--active"> <div class="sidebar-item__inner-container"> <a class="sidebar-link sidebar-link--active" href="/web/20211201191325/https://shopify.dev/api/hydrogen"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Components</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Primitive</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/externalvideo"><span>ExternalVideo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/image"><span>Image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/mediafile"><span>MediaFile</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/metafield"><span>Metafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/model3d"><span>Model3d</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/money"><span>Money</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/rawhtml"><span>RawHtml</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/shoppaybutton"><span>ShopPayButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/unitprice"><span>UnitPrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/video"><span>Video</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Global</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/global"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/global/shopifyprovider"><span>ShopifyProvider</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Product and variant</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productdescription"><span>ProductDescription</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productmetafield"><span>ProductMetafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productprice"><span>ProductPrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productprovider"><span>ProductProvider</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/producttitle"><span>ProductTitle</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantaddtocartbutton"><span>SelectedVariantAddToCartButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantbuynowbutton"><span>SelectedVariantBuyNowButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantimage"><span>SelectedVariantImage</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantmetafield"><span>SelectedVariantMetafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantprice"><span>SelectedVariantPrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantshoppaybutton"><span>SelectedVariantShopPayButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantunitprice"><span>SelectedVariantUnitPrice</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Cart</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/addtocartbutton"><span>AddToCartButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/buynowbutton"><span>BuyNowButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartcheckoutbutton"><span>CartCheckoutButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartestimatedcost"><span>CartEstimatedCost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineattributes"><span>CartLineAttributes</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineimage"><span>CartLineImage</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineprice"><span>CartLinePrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineproducttitle"><span>CartLineProductTitle</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineprovider"><span>CartLineProvider</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlinequantity"><span>CartLineQuantity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlinequantityadjustbutton"><span>CartLineQuantityAdjustButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlines"><span>CartLines</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineselectedoptions"><span>CartLineSelectedOptions</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartprovider"><span>CartProvider</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartshoppaybutton"><span>CartShopPayButton</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Localization</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/localization"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/localization/localizationprovider"><span>LocalizationProvider</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Hooks</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Primitive</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/primitive"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/primitive/usemoney"><span>useMoney</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Global</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/usequery"><span>useQuery</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useserverstate"><span>useServerState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useshop"><span>useShop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useshopquery"><span>useShopQuery</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Product and variant</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproduct"><span>useProduct</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproductoptions"><span>useProductOptions</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Cart</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecart"><span>useCart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartattributesupdatecallback"><span>useCartAttributesUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartbuyeridentityupdatecallback"><span>useCartBuyerIdentityUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartcheckouturl"><span>useCartCheckoutUrl</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartcreatecallback"><span>useCartCreateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartdiscountcodesupdatecallback"><span>useCartDiscountCodesUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartline"><span>useCartLine</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesaddcallback"><span>useCartLinesAddCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesremovecallback"><span>useCartLinesRemoveCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinestotalquantity"><span>useCartLinesTotalQuantity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesupdatecallback"><span>useCartLinesUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartnoteupdatecallback"><span>useCartNoteUpdateCallback</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Localization</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization/useavailablecountries"><span>useAvailableCountries</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization/usecountry"><span>useCountry</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Metafield</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/metafield"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/metafield/useparsedmetafields"><span>useParsedMetafields</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Utilities</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/flattenconnection"><span>flattenConnection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/isclient"><span>isClient</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/isserver"><span>isServer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/parsemetafieldvalue"><span>parseMetafieldValue</span></a> </div> </li> </ul> </li> </ul> </li> </ul> </section> <section class="sidebar-group" aria-label="App extension references."> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Admin app extensions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/api"><span>Utilities</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Components</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/badge"><span>Badge</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/banner"><span>Banner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/blockstack"><span>BlockStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/button"><span>Button</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/card"><span>Card</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/cardsection"><span>CardSection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/checkbox"><span>Checkbox</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/heading"><span>Heading</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/icon"><span>Icon</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/inlinestack"><span>InlineStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/link"><span>Link</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/modal"><span>Modal</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/optionlist"><span>OptionList</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/pressable"><span>Pressable</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/radio"><span>Radio</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/resourceitem"><span>ResourceItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/resourcelist"><span>ResourceList</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/select"><span>Select</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/spinner"><span>Spinner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/stackitem"><span>StackItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/text"><span>Text</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/textblock"><span>TextBlock</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/textfield"><span>TextField</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/thumbnail"><span>Thumbnail</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Checkout app extensions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Post-purchase</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/extension-points"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/extension-points/api"><span>Extension points API</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Components</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/banner"><span>Banner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/blockstack"><span>BlockStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/bookend"><span>Bookend</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/button"><span>Button</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/buttongroup"><span>ButtonGroup</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/buyerconsent"><span>BuyerConsent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/calloutbanner"><span>CalloutBanner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/checkbox"><span>Checkbox</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/form"><span>Form</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/formlayout"><span>FormLayout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/heading"><span>Heading</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/headinggroup"><span>HeadingGroup</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/hiddenforaccessibility"><span>HiddenForAccessibility</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/image"><span>Image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/inlinestack"><span>InlineStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/layout"><span>Layout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/link"><span>Link</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/radio"><span>Radio</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/select"><span>Select</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/separator"><span>Separator</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/spinner"><span>Spinner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/text"><span>Text</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/textblock"><span>TextBlock</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/textcontainer"><span>TextContainer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/textfield"><span>TextField</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/tiles"><span>Tiles</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/view"><span>View</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/visuallyhidden"><span>VisuallyHidden</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/jwt-specification"><span>JWT specification</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/scripts/payment-methods"><span>Payment methods API</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/scripts/shipping-methods"><span>Shipping methods API</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">POS app extensions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/pos-extensions"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/pos-extensions/cart-reference"><span>Cart extension reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/pos-extensions/product-recommendations-reference"><span>Product recommendations reference</span></a> </div> </li> </ul> </li> </ul> </section> </div> </nav> <div id="react-drawer-sidebar"></div> <ul class="drawer__inner-bottom user-links"> <li><a href="https://web.archive.org/web/20211201191325/https://partners.shopify.com/organizations" class="drawer__item">Log in</a></li><li><a href="https://web.archive.org/web/20211201191325/https://partners.shopify.com/signup/developer" class="drawer__item" data-event-page="header" data-event-category="link" data-event-action="click-signup-link" data-event-label="sign-up" data-fbq-event="Lead" data-ga-form-success-event="Partner signup email form from developer site" data-ga-event-page="/api/hydrogen">Sign up</a></li> <li class="drawer__item theme-mode-toggle-sidebar-container"> <button name="button" type="button" id="theme-mode-toggle-sidebar" class="theme-mode-button-sidebar"></button> </li> </ul> </div> </div> </header> <div hidden="hidden"><span id="NewWindow">Opens in a new window</span><span id="ExternalSite">Opens an external site</span><span id="NewWindowExternalSite">Opens an external site in a new window</span></div> <div id="PageContainer"> <div class="grid--with-sidebar"> <nav class="sidebar display--desktop grid__item--sidebar" id="SidebarAccordion"> <div class="sidebar-menu"> <section class="sidebar-group" aria-label="About Shopify API"> <ul class="sidebar-list"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api"><span>APIs and references</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Release notes</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/developer-previews"><span>Developer previews</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2022-01"><span>2022-01 (Release candidate)</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-10"><span>2021-10</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-07"><span>2021-07</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-04"><span>2021-04</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2021-01"><span>2021-01</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-10"><span>2020-10</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-07"><span>2020-07</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-04"><span>2020-04</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2020-01"><span>2020-01</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2019-10"><span>2019-10</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2019-07"><span>2019-07</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/release-notes/2019-04"><span>2019-04</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">API usage</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/authentication"><span>Authentication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/access-scopes"><span>Access scopes</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Versioning</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning/updates"><span>Getting updates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning/api-health"><span>API health report</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/versioning/private-apps"><span>Private apps</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/rate-limits"><span>Rate limits</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/search-syntax"><span>Search syntax</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/response-codes"><span>Response status codes</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/idempotent-requests"><span>Idempotent requests</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Bulk operations</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/bulk-operations/queries"><span>Exports and queries</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/bulk-operations/imports"><span>Imports and mutations</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Pagination</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/pagination-graphql"><span>GraphQL</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/usage/pagination-rest"><span>REST</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Examples</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/customer"><span>Customers</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/discounts"><span>Discounts</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/gift-cards"><span>Gift cards</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Internationalization</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-app-translations"><span>App translations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-country-fields"><span>Country fields</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-online-store-translations"><span>Online store translations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/i18n-shop-locales"><span>Shop locales</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Marketing</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/marketing-events"><span>Events and engagements</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/marketing-seo"><span>SEO data</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Orders</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/order-editing"><span>Order editing</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/order-sales-data"><span>Sales data</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/order-testing"><span>Test orders</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Products</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-cost"><span>Product cost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-inventory"><span>Inventory</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-media"><span>Media</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-status"><span>Status</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/product-variant-media"><span>Variant media</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Shipping</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/shipping-delivery-profiles"><span>Delivery profiles</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/shipping-duty-refunds"><span>Shipping duty refunds</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/shop"><span>Shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/examples/app-uninstall"><span>Uninstalling apps</span></a> </div> </li> </ul> </li> </ul> </section> <section class="sidebar-group" aria-label="Admin API references."> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Admin API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-graphql"><span>GraphQL reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-rest"><span>REST reference</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Partner API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">App events</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/appsubscription"><span>AppSubscription</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/creditapplied"><span>CreditApplied</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/creditfailed"><span>CreditFailed</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/creditpending"><span>CreditPending</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargeaccepted"><span>OneTimeChargeAccepted</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargeactivated"><span>OneTimeChargeActivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargedeclined"><span>OneTimeChargeDeclined</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/onetimechargeexpired"><span>OneTimeChargeExpired</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipdeactivated"><span>RelationshipDeactivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipinstalled"><span>RelationshipInstalled</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipreactivated"><span>RelationshipReactivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/relationshipuninstalled"><span>RelationshipUninstalled</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeaccepted"><span>SubscriptionChargeAccepted</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeactivated"><span>SubscriptionChargeActivated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargecanceled"><span>SubscriptionChargeCanceled</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargedeclined"><span>SubscriptionChargeDeclined</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeexpired"><span>SubscriptionChargeExpired</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargefrozen"><span>SubscriptionChargeFrozen</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/subscriptionchargeunfrozen"><span>SubscriptionChargeUnfrozen</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/usagechargeapplied"><span>UsageChargeApplied</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__interface"> Interfaces </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/appevent"><span>AppEvent</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/apps/appeventtypes"><span>AppEventTypes</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Common objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/queryroot"><span>QueryRoot</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/actor"><span>Actor</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/apiversion"><span>ApiVersion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/app"><span>App</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/apppricinginterval"><span>AppPricingInterval</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/conversation"><span>Conversation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/conversationstatus"><span>ConversationStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/currency"><span>Currency</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/merchantuser"><span>MerchantUser</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/money"><span>Money</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/node"><span>Node</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/organization"><span>Organization</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/shop"><span>Shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/shopifyemployee"><span>ShopifyEmployee</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/teammember"><span>TeamMember</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/common-objects/theme"><span>Theme</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Directives</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives/deprecated"><span>deprecated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives/include"><span>include</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/directives/skip"><span>skip</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Jobs</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__union"> Unions </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/messagesender"><span>MessageSender</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/job"><span>Job</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/jobrequirement"><span>JobRequirement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/message"><span>Message</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/service"><span>Service</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/jobstatus"><span>JobStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/jobs/messagesentvia"><span>MessageSentVia</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/scalar"><span>Scalars</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Transactions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appcredit"><span>AppCredit</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/apponetimesale"><span>AppOneTimeSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/apppurchaseonetime"><span>AppPurchaseOneTime</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsaleadjustment"><span>AppSaleAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsalecredit"><span>AppSaleCredit</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsubscriptionsale"><span>AppSubscriptionSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appusagerecord"><span>AppUsageRecord</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appusagesale"><span>AppUsageSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/legacytransaction"><span>LegacyTransaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/referraladjustment"><span>ReferralAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/referraltransaction"><span>ReferralTransaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/servicesale"><span>ServiceSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/servicesaleadjustment"><span>ServiceSaleAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/taxtransaction"><span>TaxTransaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/themesale"><span>ThemeSale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/themesaleadjustment"><span>ThemeSaleAdjustment</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__interface"> Interfaces </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appcharge"><span>AppCharge</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appcreditevent"><span>AppCreditEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/apppurchaseonetimeevent"><span>AppPurchaseOneTimeEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appsubscriptionevent"><span>AppSubscriptionEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/appusagerecordevent"><span>AppUsageRecordEvent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/transaction"><span>Transaction</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/referralcategory"><span>ReferralCategory</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/taxtransactiontype"><span>TaxTransactionType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/partner/reference/transactions/transactiontype"><span>TransactionType</span></a> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Payments Apps API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">GraphQL reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">App configuration</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/app_configuration"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/app_configuration/paymentsappconfigure"><span>paymentsAppConfigure</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Capture</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/capture"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/capture/capturesessionreject"><span>captureSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/capture/capturesessionresolve"><span>captureSessionResolve</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Common APIs</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/queryroot"><span>QueryRoot</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/apiversion"><span>ApiVersion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesession"><span>CaptureSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionrejectionreasoninput"><span>CaptureSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatus"><span>CaptureSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatuscode"><span>CaptureSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatusreason"><span>CaptureSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatusreasonrejectioncode"><span>CaptureSessionStatusReasonRejectionCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsappconfiguration"><span>PaymentsAppConfiguration</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsession"><span>PaymentSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionactionsredirect"><span>PaymentSessionActionsRedirect</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionnextaction"><span>PaymentSessionNextAction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionnextactionaction"><span>PaymentSessionNextActionAction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionnextactioncontext"><span>PaymentSessionNextActionContext</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionpending"><span>paymentSessionPending</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionrejectionreasoninput"><span>PaymentSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatus"><span>PaymentSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatuscode"><span>PaymentSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatusreason"><span>PaymentSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatusreasonrejectioncode"><span>PaymentSessionStatusReasonRejectionCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsession"><span>RefundSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionrejectionreasoninput"><span>RefundSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatus"><span>RefundSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatuscode"><span>RefundSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatusreason"><span>RefundSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatusreasonrejectioncode"><span>RefundSessionStatusReasonRejectionCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsession"><span>VoidSession</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionrejectionreasoninput"><span>VoidSessionRejectionReasonInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatus"><span>VoidSessionStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatuscode"><span>VoidSessionStatusCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatusreason"><span>VoidSessionStatusReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatusreasonrejectioncode"><span>VoidSessionStatusReasonRejectionCode</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Directives</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/directives/deprecated"><span>deprecated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/directives/include"><span>include</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/directives/skip"><span>skip</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Payment</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/payment"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/payment/paymentsessionreject"><span>paymentSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/payment/paymentsessionresolve"><span>paymentSessionResolve</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Refund</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/refund"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/refund/refundsessionreject"><span>refundSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/refund/refundsessionresolve"><span>refundSessionResolve</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/scalar"><span>Scalars</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Void</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/void"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/void/voidsessionreject"><span>voidSessionReject</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/payments-apps/graphql/reference/void/voidsessionresolve"><span>voidSessionResolve</span></a> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Messaging API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/messaging"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/messaging/reference"><span>Reference</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/multipass"><span>Multipass</span></a> </div> </li> </ul> </section> <section class="sidebar-group" aria-label="Liquid and themes references."> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Liquid</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Basics</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/handle"><span>Handles</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/operators"><span>Operators</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/types"><span>Types</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/true-and-false"><span>Truthy and falsy</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/basics/whitespace"><span>Whitespace control</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Filters</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/array-filters"><span>Array filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/color-filters"><span>Color filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/font-filters"><span>Font filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/html-filters"><span>HTML filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/math-filters"><span>Math filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/media-filters"><span>Media filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/metafield-filters"><span>Metafield filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/money-filters"><span>Money filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/string-filters"><span>String filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/additional-filters"><span>Additional filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/deprecated-filters"><span>Deprecated filters</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/filters/url-filters"><span>URL filters</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/address"><span>address</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/all-country-option-tags"><span>all_country_option_tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/article"><span>article</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/block"><span>block</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/blog"><span>blog</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/cart"><span>cart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/checkout"><span>checkout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/collection"><span>collection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/color"><span>color</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/comment"><span>comment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/country"><span>country</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/country-option-tags"><span>country_option_tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/currency"><span>currency</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/current-page"><span>current_page</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/current-tags"><span>current_tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/customer"><span>customer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/customer-address"><span>customer_address</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/date"><span>date</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/discount-allocation"><span>discount_allocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/discount-application"><span>discount_application</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/external-video"><span>external_video</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/filter"><span>filter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/filter-value"><span>filter_value</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/font"><span>font</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/for-loops"><span>forloop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/form"><span>form</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/fulfillment"><span>fulfillment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/generic-file"><span>generic_file</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/gift-card"><span>gift_card</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/group"><span>group</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/handle"><span>handle</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/image"><span>image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/line_item"><span>line_item</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/link"><span>link</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/linklist"><span>linklist</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/localization"><span>localization</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/location"><span>location</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/measurement"><span>measurement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/media"><span>media</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/metafield"><span>metafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/model"><span>model</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/model-source"><span>model_source</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/order"><span>order</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page"><span>page</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page-description"><span>page_description</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page-image"><span>page_image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/page-title"><span>page_title</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/paginate"><span>paginate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/part"><span>part</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/payment_terms"><span>payment_terms</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/policy"><span>policy</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/predictive-search"><span>predictive_search</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/product"><span>product</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/product_option"><span>product_option</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/rating"><span>rating</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/recommendations"><span>recommendations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/request"><span>request</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/robots"><span>robots</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/routes"><span>routes</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/rule"><span>rule</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/script"><span>script</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/search"><span>search</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/section"><span>section</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/selling-plan"><span>selling_plan</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/selling-plan-allocation"><span>selling_plan_allocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/selling-plan-group"><span>selling_plan_group</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/shipping_method"><span>shipping_method</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/shop"><span>shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/shop-locale"><span>shop_locale</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/sitemap"><span>sitemap</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/storeavailability"><span>store_availability</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/tablerow"><span>tablerow</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/tax_line"><span>tax_line</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/template"><span>template</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/theme"><span>theme</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/transaction"><span>transaction</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/unit_price_measurement"><span>unit_price_measurement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/user-agent"><span>user_agent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/variant"><span>variant</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/video"><span>video</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/video-source"><span>video_source</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/objects/deprecated-objects"><span>Deprecated object properties</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Tags</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/control-flow-tags"><span>Control flow tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/iteration-tags"><span>Iteration tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/theme-tags"><span>Theme tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/variable-tags"><span>Variable tags</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/liquid/tags/deprecated-tags"><span>Deprecated tags</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Ajax API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/cart"><span>Cart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/product"><span>Product</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/product-recommendations"><span>Product recommendations</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/ajax/reference/predictive-search"><span>Predictive search</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/section-rendering"><span>Section Rendering API</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/consent-tracking"><span>Customer Privacy API</span></a> </div> </li> </ul> </section> <section class="sidebar-group" aria-label="Consult the Storefront API and Hydrogen references"> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Storefront API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/getting-started"><span>Getting started</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Reference</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Cart</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cart"><span>Cart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartautomaticdiscountallocation"><span>CartAutomaticDiscountAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartbuyeridentity"><span>CartBuyerIdentity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartcodediscountallocation"><span>CartCodeDiscountAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartdiscountcode"><span>CartDiscountCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartestimatedcost"><span>CartEstimatedCost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartline"><span>CartLine</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlineestimatedcost"><span>CartLineEstimatedCost</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartattributesupdate"><span>cartAttributesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartbuyeridentityupdate"><span>cartBuyerIdentityUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartcreate"><span>cartCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartdiscountcodesupdate"><span>cartDiscountCodesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlinesadd"><span>cartLinesAdd</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlinesremove"><span>cartLinesRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlinesupdate"><span>cartLinesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartnoteupdate"><span>cartNoteUpdate</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__interface"> Interfaces </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartdiscountallocation"><span>CartDiscountAllocation</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartbuyeridentityinput"><span>CartBuyerIdentityInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartinput"><span>CartInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlineinput"><span>CartLineInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/cart/cartlineupdateinput"><span>CartLineUpdateInput</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Checkouts</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__union"> Unions </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/merchandise"><span>Merchandise</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/pricingvalue"><span>PricingValue</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/appliedgiftcard"><span>AppliedGiftCard</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/automaticdiscountapplication"><span>AutomaticDiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/availableshippingrates"><span>AvailableShippingRates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkout"><span>Checkout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutbuyeridentity"><span>CheckoutBuyerIdentity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitem"><span>CheckoutLineItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/creditcard"><span>CreditCard</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/discountallocation"><span>DiscountAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/discountapplication"><span>DiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/discountcodeapplication"><span>DiscountCodeApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/location"><span>Location</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/manualdiscountapplication"><span>ManualDiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/payment"><span>Payment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/paymentsettings"><span>PaymentSettings</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/pricingpercentagevalue"><span>PricingPercentageValue</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/scriptdiscountapplication"><span>ScriptDiscountApplication</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/shippingrate"><span>ShippingRate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/storeavailability"><span>StoreAvailability</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/transaction"><span>Transaction</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdate"><span>checkoutAttributesUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdatev2"><span>checkoutAttributesUpdateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletefree"><span>checkoutCompleteFree</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithcreditcard"><span>checkoutCompleteWithCreditCard</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithtokenizedpayment"><span>checkoutCompleteWithTokenizedPayment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithtokenizedpaymentv2"><span>checkoutCompleteWithTokenizedPaymentV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcompletewithtokenizedpaymentv3"><span>checkoutCompleteWithTokenizedPaymentV3</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcreate"><span>checkoutCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerassociate"><span>checkoutCustomerAssociate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerassociatev2"><span>checkoutCustomerAssociateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerdisassociate"><span>checkoutCustomerDisassociate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcustomerdisassociatev2"><span>checkoutCustomerDisassociateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutdiscountcodeapply"><span>checkoutDiscountCodeApply</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutdiscountcodeapplyv2"><span>checkoutDiscountCodeApplyV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutdiscountcoderemove"><span>checkoutDiscountCodeRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutemailupdate"><span>checkoutEmailUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutemailupdatev2"><span>checkoutEmailUpdateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardapply"><span>checkoutGiftCardApply</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardremove"><span>checkoutGiftCardRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardremovev2"><span>checkoutGiftCardRemoveV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutgiftcardsappend"><span>checkoutGiftCardsAppend</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsadd"><span>checkoutLineItemsAdd</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsremove"><span>checkoutLineItemsRemove</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsreplace"><span>checkoutLineItemsReplace</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemsupdate"><span>checkoutLineItemsUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutshippingaddressupdate"><span>checkoutShippingAddressUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutshippingaddressupdatev2"><span>checkoutShippingAddressUpdateV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutshippinglineupdate"><span>checkoutShippingLineUpdate</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdateinput"><span>CheckoutAttributesUpdateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutattributesupdatev2input"><span>CheckoutAttributesUpdateV2Input</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutbuyeridentityinput"><span>CheckoutBuyerIdentityInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutcreateinput"><span>CheckoutCreateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineiteminput"><span>CheckoutLineItemInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/checkoutlineitemupdateinput"><span>CheckoutLineItemUpdateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/creditcardpaymentinput"><span>CreditCardPaymentInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/creditcardpaymentinputv2"><span>CreditCardPaymentInputV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/geocoordinateinput"><span>GeoCoordinateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/tokenizedpaymentinput"><span>TokenizedPaymentInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/tokenizedpaymentinputv2"><span>TokenizedPaymentInputV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/tokenizedpaymentinputv3"><span>TokenizedPaymentInputV3</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/locationsortkeys"><span>LocationSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/paymenttokentype"><span>PaymentTokenType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/transactionkind"><span>TransactionKind</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/checkouts/transactionstatus"><span>TransactionStatus</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Common objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/queryroot"><span>QueryRoot</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/apiversion"><span>ApiVersion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/attribute"><span>Attribute</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/attributeinput"><span>AttributeInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/cardbrand"><span>CardBrand</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/country"><span>Country</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/countrycode"><span>CountryCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/cropregion"><span>CropRegion</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/currency"><span>Currency</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/currencycode"><span>CurrencyCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/digitalwallet"><span>DigitalWallet</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/domain"><span>Domain</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/filter"><span>Filter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/filtertype"><span>FilterType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/filtervalue"><span>FilterValue</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/hasmetafields"><span>HasMetafields</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/image"><span>Image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/imagecontenttype"><span>ImageContentType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/imagetransforminput"><span>ImageTransformInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/localization"><span>Localization</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/mailingaddress"><span>MailingAddress</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/mailingaddressinput"><span>MailingAddressInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafield"><span>Metafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafieldparentresource"><span>MetafieldParentResource</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafieldreference"><span>MetafieldReference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafieldvaluetype"><span>MetafieldValueType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/moneyinput"><span>MoneyInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/moneyv2"><span>MoneyV2</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/node"><span>Node</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/onlinestorepublishable"><span>OnlineStorePublishable</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/seo"><span>SEO</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/unitsystem"><span>UnitSystem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/weightunit"><span>WeightUnit</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Customers</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customer"><span>Customer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstoken"><span>CustomerAccessToken</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__mutation"> Mutations </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokencreate"><span>customerAccessTokenCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokencreatewithmultipass"><span>customerAccessTokenCreateWithMultipass</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokendelete"><span>customerAccessTokenDelete</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokenrenew"><span>customerAccessTokenRenew</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeractivate"><span>customerActivate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeractivatebyurl"><span>customerActivateByUrl</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraddresscreate"><span>customerAddressCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraddressdelete"><span>customerAddressDelete</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraddressupdate"><span>customerAddressUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customercreate"><span>customerCreate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerdefaultaddressupdate"><span>customerDefaultAddressUpdate</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerrecover"><span>customerRecover</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerreset"><span>customerReset</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerresetbyurl"><span>customerResetByUrl</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerupdate"><span>customerUpdate</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeraccesstokencreateinput"><span>CustomerAccessTokenCreateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customeractivateinput"><span>CustomerActivateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customercreateinput"><span>CustomerCreateInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerresetinput"><span>CustomerResetInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/customers/customerupdateinput"><span>CustomerUpdateInput</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Directives</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/accessrestricted"><span>accessRestricted</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/deprecated"><span>deprecated</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/include"><span>include</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/incontext"><span>inContext</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/directives/skip"><span>skip</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Online store</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/article"><span>Article</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/articleauthor"><span>ArticleAuthor</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/blog"><span>Blog</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/comment"><span>Comment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/commentauthor"><span>CommentAuthor</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/locationaddress"><span>LocationAddress</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/page"><span>Page</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/shop"><span>Shop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/shoppolicy"><span>ShopPolicy</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/shoppolicywithdefault"><span>ShopPolicyWithDefault</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/articlesortkeys"><span>ArticleSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/blogsortkeys"><span>BlogSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/online-store/pagesortkeys"><span>PageSortKeys</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Orders</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/fulfillment"><span>Fulfillment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/fulfillmentlineitem"><span>FulfillmentLineItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/fulfillmenttrackinginfo"><span>FulfillmentTrackingInfo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/order"><span>Order</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/orderlineitem"><span>OrderLineItem</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/discountapplicationallocationmethod"><span>DiscountApplicationAllocationMethod</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/discountapplicationtargetselection"><span>DiscountApplicationTargetSelection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/discountapplicationtargettype"><span>DiscountApplicationTargetType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/ordercancelreason"><span>OrderCancelReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/orderfinancialstatus"><span>OrderFinancialStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/orderfulfillmentstatus"><span>OrderFulfillmentStatus</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/orders/ordersortkeys"><span>OrderSortKeys</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Products</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products"><span>Overview</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__union"> Unions </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanpriceadjustmentvalue"><span>SellingPlanPriceAdjustmentValue</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__object"> Objects </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/collection"><span>Collection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/externalvideo"><span>ExternalVideo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/media"><span>Media</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/mediaimage"><span>MediaImage</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/model3d"><span>Model3d</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/model3dsource"><span>Model3dSource</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/product"><span>Product</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productoption"><span>ProductOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productpricerange"><span>ProductPriceRange</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productvariant"><span>ProductVariant</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productvariantpricepair"><span>ProductVariantPricePair</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/selectedoption"><span>SelectedOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplan"><span>SellingPlan</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanallocation"><span>SellingPlanAllocation</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanallocationpriceadjustment"><span>SellingPlanAllocationPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanfixedamountpriceadjustment"><span>SellingPlanFixedAmountPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanfixedpriceadjustment"><span>SellingPlanFixedPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplangroup"><span>SellingPlanGroup</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplangroupoption"><span>SellingPlanGroupOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanoption"><span>SellingPlanOption</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanpercentagepriceadjustment"><span>SellingPlanPercentagePriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/sellingplanpriceadjustment"><span>SellingPlanPriceAdjustment</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/standardproducttype"><span>StandardProductType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/unitpricemeasurement"><span>UnitPriceMeasurement</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/video"><span>Video</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/videosource"><span>VideoSource</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__input_object"> Inputs </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/metafieldfilter"><span>MetafieldFilter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/pricerangefilter"><span>PriceRangeFilter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productfilter"><span>ProductFilter</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/selectedoptioninput"><span>SelectedOptionInput</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/variantoptionfilter"><span>VariantOptionFilter</span></a> </div> </li> <li class="sidebar-item sidebar-item--heading"> <div class="sidebar-item__inner-container"> <h5 class="sidebar-link-graphql-heading sidebar-link-graphql-heading__enum"> Enums </h5> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/collectionsortkeys"><span>CollectionSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/mediacontenttype"><span>MediaContentType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/mediahost"><span>MediaHost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productcollectionsortkeys"><span>ProductCollectionSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productimagesortkeys"><span>ProductImageSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productmediasortkeys"><span>ProductMediaSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productsortkeys"><span>ProductSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/productvariantsortkeys"><span>ProductVariantSortKeys</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/unitpricemeasurementmeasuredtype"><span>UnitPriceMeasurementMeasuredType</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/unitpricemeasurementmeasuredunit"><span>UnitPriceMeasurementMeasuredUnit</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/storefront/reference/scalar"><span>Scalars</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item accordion-item--active"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Hydrogen</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--active sidebar-submenu--depth-1"> <li class="sidebar-item sidebar-item--active"> <div class="sidebar-item__inner-container"> <a class="sidebar-link sidebar-link--active" href="/web/20211201191325/https://shopify.dev/api/hydrogen"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Components</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Primitive</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/externalvideo"><span>ExternalVideo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/image"><span>Image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/mediafile"><span>MediaFile</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/metafield"><span>Metafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/model3d"><span>Model3d</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/money"><span>Money</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/rawhtml"><span>RawHtml</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/shoppaybutton"><span>ShopPayButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/unitprice"><span>UnitPrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/video"><span>Video</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Global</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/global"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/global/shopifyprovider"><span>ShopifyProvider</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Product and variant</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productdescription"><span>ProductDescription</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productmetafield"><span>ProductMetafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productprice"><span>ProductPrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productprovider"><span>ProductProvider</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/producttitle"><span>ProductTitle</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantaddtocartbutton"><span>SelectedVariantAddToCartButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantbuynowbutton"><span>SelectedVariantBuyNowButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantimage"><span>SelectedVariantImage</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantmetafield"><span>SelectedVariantMetafield</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantprice"><span>SelectedVariantPrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantshoppaybutton"><span>SelectedVariantShopPayButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantunitprice"><span>SelectedVariantUnitPrice</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Cart</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/addtocartbutton"><span>AddToCartButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/buynowbutton"><span>BuyNowButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartcheckoutbutton"><span>CartCheckoutButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartestimatedcost"><span>CartEstimatedCost</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineattributes"><span>CartLineAttributes</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineimage"><span>CartLineImage</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineprice"><span>CartLinePrice</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineproducttitle"><span>CartLineProductTitle</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineprovider"><span>CartLineProvider</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlinequantity"><span>CartLineQuantity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlinequantityadjustbutton"><span>CartLineQuantityAdjustButton</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlines"><span>CartLines</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineselectedoptions"><span>CartLineSelectedOptions</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartprovider"><span>CartProvider</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartshoppaybutton"><span>CartShopPayButton</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Localization</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/localization"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/localization/localizationprovider"><span>LocalizationProvider</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Hooks</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Primitive</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/primitive"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/primitive/usemoney"><span>useMoney</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Global</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/usequery"><span>useQuery</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useserverstate"><span>useServerState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useshop"><span>useShop</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useshopquery"><span>useShopQuery</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Product and variant</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproduct"><span>useProduct</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproductoptions"><span>useProductOptions</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Cart</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecart"><span>useCart</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartattributesupdatecallback"><span>useCartAttributesUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartbuyeridentityupdatecallback"><span>useCartBuyerIdentityUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartcheckouturl"><span>useCartCheckoutUrl</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartcreatecallback"><span>useCartCreateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartdiscountcodesupdatecallback"><span>useCartDiscountCodesUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartline"><span>useCartLine</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesaddcallback"><span>useCartLinesAddCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesremovecallback"><span>useCartLinesRemoveCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinestotalquantity"><span>useCartLinesTotalQuantity</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesupdatecallback"><span>useCartLinesUpdateCallback</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartnoteupdatecallback"><span>useCartNoteUpdateCallback</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Localization</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization/useavailablecountries"><span>useAvailableCountries</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization/usecountry"><span>useCountry</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Metafield</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/metafield"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/metafield/useparsedmetafields"><span>useParsedMetafields</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Utilities</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/flattenconnection"><span>flattenConnection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/isclient"><span>isClient</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/isserver"><span>isServer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/parsemetafieldvalue"><span>parseMetafieldValue</span></a> </div> </li> </ul> </li> </ul> </li> </ul> </section> <section class="sidebar-group" aria-label="App extension references."> <ul class="sidebar-list"> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Admin app extensions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/api"><span>Utilities</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Components</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/badge"><span>Badge</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/banner"><span>Banner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/blockstack"><span>BlockStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/button"><span>Button</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/card"><span>Card</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/cardsection"><span>CardSection</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/checkbox"><span>Checkbox</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/heading"><span>Heading</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/icon"><span>Icon</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/inlinestack"><span>InlineStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/link"><span>Link</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/modal"><span>Modal</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/optionlist"><span>OptionList</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/pressable"><span>Pressable</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/radio"><span>Radio</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/resourceitem"><span>ResourceItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/resourcelist"><span>ResourceList</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/select"><span>Select</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/spinner"><span>Spinner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/stackitem"><span>StackItem</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/text"><span>Text</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/textblock"><span>TextBlock</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/textfield"><span>TextField</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/admin-extensions/components/thumbnail"><span>Thumbnail</span></a> </div> </li> </ul> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Checkout app extensions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions"><span>Overview</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Post-purchase</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/extension-points"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/extension-points/api"><span>Extension points API</span></a> </div> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">Components</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-3"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/banner"><span>Banner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/blockstack"><span>BlockStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/bookend"><span>Bookend</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/button"><span>Button</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/buttongroup"><span>ButtonGroup</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/buyerconsent"><span>BuyerConsent</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/calloutbanner"><span>CalloutBanner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/checkbox"><span>Checkbox</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/form"><span>Form</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/formlayout"><span>FormLayout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/heading"><span>Heading</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/headinggroup"><span>HeadingGroup</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/hiddenforaccessibility"><span>HiddenForAccessibility</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/image"><span>Image</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/inlinestack"><span>InlineStack</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/layout"><span>Layout</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/link"><span>Link</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/radio"><span>Radio</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/select"><span>Select</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/separator"><span>Separator</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/spinner"><span>Spinner</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/text"><span>Text</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/textblock"><span>TextBlock</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/textcontainer"><span>TextContainer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/textfield"><span>TextField</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/tiles"><span>Tiles</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/view"><span>View</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/components/visuallyhidden"><span>VisuallyHidden</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/jwt-specification"><span>JWT specification</span></a> </div> </li> </ul> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/scripts/payment-methods"><span>Payment methods API</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/checkout-extensions/scripts/shipping-methods"><span>Shipping methods API</span></a> </div> </li> </ul> </li> <li class="sidebar-item accordion-item"> <div class="sidebar-item__inner-container"> <button class="sidebar-item__accordion-link accordion-link"> <h4 class="sidebar-item__accordion-link-text">POS app extensions</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/pos-extensions"><span>Overview</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/pos-extensions/cart-reference"><span>Cart extension reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20211201191325/https://shopify.dev/api/pos-extensions/product-recommendations-reference"><span>Product recommendations reference</span></a> </div> </li> </ul> </li> </ul> </section> </div> </nav> <div class="grid__item--main"> <main role="main" id="Main"> <div class="grid grid--equal-height grid--main"> <div class="grid__item hide--desktop"> <div id="TOCAccordion" class="toc-accordion"> <div class="toc-accordion__item accordion-item"> <button class="toc-accordion__link accordion-link"> On this page <svg class="icon toc-accordion__caret" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211201191325im_/https://shopify.dev/api/hydrogen#modules-caret-down"/> </svg> </button> <div class="toc-accordion__content accordion-content toc"> <ul> <li><a href="#primitive-components-and-hooks">Primitive components and hooks</a></li><li><a href="#global-components-and-hooks">Global components and hooks</a></li><li><a href="#product-and-variant-components-and-hooks">Product and variant components and hooks</a></li><li><a href="#cart-components-and-hooks">Cart components and hooks</a></li><li><a href="#localization-components-and-hooks">Localization components and hooks</a></li><li><a href="#metafield-components-and-hooks">Metafield components and hooks</a></li><li><a href="#utilities">Utilities</a></li><li><a href="#next-steps">Next steps</a></li> </ul> </div> </div> </div> </div> <div class="grid__item grid__item--desktop-up-two-thirds grid__item--wide-up-three-quarters grid__item--article"> <article class="article--docs"> <div class="article-title-container "> <h1 class="article-title"> Hydrogen components, hooks, and utilities overview </h1> </div>  <aside class="note beta"> <h4>Developer preview</h4> <p>This is a developer preview of Hydrogen. The documentation will be updated as Shopify introduces <a href="https://web.archive.org/web/20211201191325/https://github.com/Shopify/hydrogen/releases">new features and refines existing functionality</a>. Production launches of Hydrogen custom storefronts aren't yet supported as Shopify is evolving the Hydrogen framework.</p> </aside> <p>Hydrogen contains a set of Shopify-specific commerce components, hooks, and utilities that help accelerate your development process. This guide provides a complete reference of the components, hooks, and utilities that Hydrogen offers, and their relationships to each other.</p> <h2 id="primitive-components-and-hooks">Primitive components and hooks</h2> <p>Primitive components and hooks are the building blocks for different component types, including products, variants, and cart. Hydrogen includes the following primitive components and hooks:</p> <table> <tr> <th>Component name</th> <th>Description</th> <th>Related hooks</th> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/externalvideo">ExternalVideo</a></td> <td>Renders an embedded video for the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/externalvideo"> ExternalVideo object</a>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/image">Image</a></td> <td>Renders an image for the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/image">Image object</a>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/mediafile">MediaFile</a></td> <td>Renders the media for the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/media">Media object</a>. It either renders an <code>Image</code>, a <code>Video</code>, an <code>ExternalVideo</code>, or a <code>Model3D</code> depending on the <code>mediaContentType</code> of the media provided as a prop.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/model3d">Model3D</a></td> <td>Renders a 3D model (with the <code>model-viewer</code> tag) for the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/model3d">Model3d object</a>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/money">Money</a></td> <td>Renders a string of the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/moneyv2">MoneyV2 object</a>.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/primitive/usemoney">useMoney</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/metafield">Metafield</a></td> <td>Renders the value of the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafield">Metafield object</a>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/rawhtml">RawHtml</a></td> <td>Renders an HTML string as HTML DOM elements.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/shoppaybutton">ShopPayButton</a></td> <td>Renders a button that redirects to the Shop Pay checkout.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/unitprice">UnitPrice</a></td> <td>Renders a string of a unit price.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/usemoney">useMoney</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/video">Video</a></td> <td>Renders a <code>video</code> for the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/video">Video object</a>.</td> <td>Not applicable</td> </tr> </table> <h2 id="global-components-and-hooks">Global components and hooks</h2> <p><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/global/shopifyprovider">ShopifyProvider</a> is a global Hydrogen component that wraps your entire app. You should place it in your app's entry point component. For example, your app's entry point component might be <code class="text-highlight text-highlight--grey"><App></code>.</p> <p>The <code class="text-highlight text-highlight--grey">ShopifyProvider</code> component relates to the following global hooks that you can use to fetch data from server components:</p> <table> <tr> <th>Hook name</th> <th>Description</th> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/usequery">useQuery</a></td> <td>A wrapper around <code>useQuery</code> from <code>react-query</code>. It supports Suspense calls on the server and on the client.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useserverstate">useServerState</a></td> <td>Manage a server state when using Hydrogen as a React Server Component framework.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useshop">useShop</a></td> <td>Access values within <code>shopify.config.js</code>.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/global/useshopquery">useShopQuery</a></td> <td>Make server-only GraphQL queries to the <a href="/web/20211201191325/https://shopify.dev/api/storefront">Storefront API</a>.</td> </tr> </table> <h2 id="product-and-variant-components-and-hooks">Product and variant components and hooks</h2> <p>Products are the goods, digital downloads, services, and gift cards that a merchant sells. If a product has options, like size or color, then merchants can add a variant for each combination of options.</p> <p>Each combination of option values for a product can be a variant for that product. For example, a t-shirt might be available for purchase in blue and green. The blue t-shirt and the green t-shirt are variants.</p> <p>Hydrogen includes the following product and variant components and hooks:</p> <table> <tr> <th>Component name</th> <th>Description</th> <th>Related hooks</th> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productdescription">ProductDescription</a></td> <td>Renders a <code>RawHtml</code> component with the product's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/product">descriptionHtml</a>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productmetafield">ProductMetafield</a></td> <td>Renders a <code>Metafield</code> component with a product <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafield">metafield</a>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productprice">ProductPrice</a></td> <td>Renders a <code>Money</code> component with the product <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/product">priceRange</a>'s <code>maxVariantPrice</code> or <code>minVariantPrice</code>, or the product <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/products/product">compareAtPriceRange</a>'s <code>maxVariantPrice</code> or <code>minVariantPrice</code>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/productprovider">ProductProvider</a></td> <td>Sets up a context with product details.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproduct">useProduct</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/producttitle">ProductTitle</a></td> <td>Renders a <code>span</code> element with the product's title.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantaddtocartbutton">SelectedVariantAddToCartButton</a></td> <td>Renders an <code>AddToCartButton</code> component for the product's selected variant.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproductoptions">useProductOptions</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantbuynowbutton">SelectedVariantBuyNowButton</a></td> <td>Renders a <code>BuyNowButton</code> component for the product's selected variant.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantimage">SelectedVariantImage</a></td> <td>Renders an <code>Image</code> component for the product's selected variant's image.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproductoptions">useProductOptions</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantmetafield">SelectedVariantMetafield</a></td> <td>Renders a <code>Metafield</code> component for the product's selected variant's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafield">metafield</a>.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantprice">SelectedVariantPrice</a></td> <td>Renders a <code>Money</code> component for the product's selected variant regular or compare at price.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/product-variant/useproductoptions">useProductOptions</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantshoppaybutton">SelectedVariantShopPayButton</a></td> <td>Renders a <code>ShopPayButton</code> component for the product's selected variant.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/product-variant/selectedvariantunitprice">SelectedVariantUnitPrice</a></td> <td>Renders a <code>UnitPrice</code> component for the product's selected variant's unit price.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/primitive/usemoney">useMoney</a></td> </tr> </table> <h2 id="cart-components-and-hooks">Cart components and hooks</h2> <p>A cart contains the merchandise that a customer intends to purchase and the estimated cost associated with the cart. When a customer is ready to purchase their items, they can proceed to checkout.</p> <p>Hydrogen includes the following cart components and hooks:</p> <table> <tr> <th>Component name</th> <th>Description</th> <th>Related hooks</th> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/addtocartbutton">AddToCartButton</a></td> <td>Renders a button that adds an item to the cart when pressed.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/buynowbutton">BuyNowButton</a></td> <td>Renders a button that adds an item to the cart and immediately redirects the buyer to checkout.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartcheckoutbutton">CartCheckoutButton</a></td> <td>Renders a button that redirects to the checkout URL for the cart.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartcheckouturl">useCartCheckoutUrl</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartestimatedcost">CartEstimatedCost</a></td> <td>Renders a <code>Money</code> component for various amount types related to cart.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecart">useCart</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineattributes">CartLineAttributes</a></td> <td>Takes a function as a child and calls that function for each of the cart line's attributes.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineimage">CartLineImage</a></td> <td>Renders an <code>Image</code> component for the cart line merchandise's image.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineprice">CartLinePrice</a></td> <td>Renders a <code>Money</code> component for the cart line merchandise's regular or compare at price.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineproducttitle">CartLineProductTitle</a></td> <td>Renders a <code>span</code> element (or the type of HTML element specified by the <code>as</code> prop) with the cart line merchandise's title.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineprovider">CartLineProvider</a></td> <td>Creates a context for using a cart line.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartline">useCartLine</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlinequantity">CartLineQuantity</a></td> <td>Renders a <code>span</code> element (or the type of HTML element specified by the <code>as</code> prop) with the cart line's quantity.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlinequantityadjustbutton">CartLineQuantityAdjustButton</a></td> <td>Renders a button that adjusts the cart line's quantity when pressed.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlines">CartLines</a></td> <td>Iterates over each cart line and renders its children within a <code>CartLineProvider</code> for each cart line.</td> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartline">useCartLine</a></td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartlineselectedoptions">CartLineSelectedOptions</a></td> <td>Takes a function as a child and calls that function for each of the cart line merchandise's selected options.</td> <td>Not applicable</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartprovider">CartProvider</a></td> <td>Creates a context for using a cart.</td> <td> <ul> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecart">useCart</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartbuyeridentityupdatecallback">useCartBuyerIdentityUpdateCallback</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartdiscountcodesupdatecallback">useCartDiscountCodesUpdateCallback</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesaddcallback">useCartLinesAddCallback</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesremovecallback">useCartLinesRemoveCallback</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinesupdatecallback">useCartLinesUpdateCallback</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartcheckouturl">useCartCheckoutUrl</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartcreatecallback">useCartCreateCallback</a></li> <li><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/cart/usecartlinestotalquantity">useCartLinesTotalQuantity</a></li> </ul> </td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/cart/cartshoppaybutton">CartShopPayButton</a></td> <td>Renders a <code>ShopPayButton</code> for the items in the cart.</td> <td>Not applicable</td> </tr> </table> <h2 id="localization-components-and-hooks">Localization components and hooks</h2> <p>Localization can help merchants expand their business to a global audience by creating shopping experiences in local languages and currencies.</p> <p>The <a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/localization/localizationprovider">LocalizationProvider</a> component automatically queries the Storefront API's <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/queryroot"><code class="text-highlight text-highlight--grey">localization</code></a> field for the ISO code, name of the country, and available countries, and keeps this information in a context.</p> <p>The <code class="text-highlight text-highlight--grey">LocalizationProvider</code> component relates to the following localization hooks:</p> <table> <tr> <th>Hook name</th> <th>Description</th> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization/useavailablecountries">useAvailableCountries</a></td> <td>Returns an array of the available countries used for localization purposes.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/localization/usecountry">useCountry</a></td> <td>Returns a tuple of the current localization country and a function for updating it.</td> </tr> </table> <h2 id="metafield-components-and-hooks">Metafield components and hooks</h2> <p>Metafields allow you to attach specialized information to Shopify resources, such as part numbers or release dates. Merchants and other apps can retrieve and edit the data that's stored in metafields from the Shopify admin.</p> <p>Hydrogen includes the following metafield components and hooks:</p> <table> <tr> <th>Name</th> <th>Description</th> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/components/primitive/metafield">Metafield</a></td> <td>Renders the value of the <a href="/web/20211201191325/https://shopify.dev/api/storefront/reference/common-objects/metafield">Metafield object</a>.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/hooks/metafield/useparsedmetafields">useParsedMetafields</a></td> <td>Returns an array of parsed metafields.</td> </tr> </table> <h2 id="utilities">Utilities</h2> <p>Hydrogen includes the following utilities to help speed up your development process:</p> <table> <tr> <th>Utility name</th> <th>Description</th> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/isclient">isClient</a></td> <td>Indicates if the code executed on the client.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/isserver">isServer</a></td> <td>Indicates if the code executed on the server.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/flattenconnection">flattenConnection</a></td> <td>Transforms a connection object into a flat array.</td> </tr> <tr> <td><a href="/web/20211201191325/https://shopify.dev/api/hydrogen/utilities/parsemetafieldvalue">parseMetafieldValue</a></td> <td>Parses a metafield's value from a string to a sensible type corresponding to the metafield's type.</td> </tr> </table> <h2 id="next-steps">Next steps</h2> <ul> <li><a href="/web/20211201191325/https://shopify.dev/custom-storefronts/hydrogen/getting-started">Get started</a> with Hydrogen and begin building a custom storefront.</li> <li>Learn about <a href="/web/20211201191325/https://shopify.dev/custom-storefronts/hydrogen/framework">Hydrogen's architecture and framework</a>.</li> <li>Learn about <a href="/web/20211201191325/https://shopify.dev/custom-storefronts/hydrogen/framework/react-server-components">React Server Components</a>, an opinionated data-fetching and rendering workflow for React apps.</li> </ul> </article> <div id="Feedback" class="feedback"></div> </div> <div class="grid__item grid__item--desktop-up-third grid__item--wide-up-quarter grid__item--toc"> <div class="toc-container"> <h3 class="toc__heading">On this page</h3> <div class="toc"> <ul class="toc__list"> <li><a href="#primitive-components-and-hooks">Primitive components and hooks</a></li><li><a href="#global-components-and-hooks">Global components and hooks</a></li><li><a href="#product-and-variant-components-and-hooks">Product and variant components and hooks</a></li><li><a href="#cart-components-and-hooks">Cart components and hooks</a></li><li><a href="#localization-components-and-hooks">Localization components and hooks</a></li><li><a href="#metafield-components-and-hooks">Metafield components and hooks</a></li><li><a href="#utilities">Utilities</a></li><li><a href="#next-steps">Next steps</a></li> </ul> </div> </div> </div></div> </main> <footer class="footer--light" id="PageContainerFooter" data-gid="432ed028-f0fe-49ad-8f18-340ec4c1633e" data-page-url-section="api"> <div class="footer-top"> <div class="grid"> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-third grid__item--desktop-up-2"> <h3 class="footer-subhead heading--5 ">News and updates</h3> <ul class="footer-top--list" role="list"> <li> <a class="footer-link" href="/web/20211201191325/https://shopify.dev/changelog">Developer changelog</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://www.shopifystatus.com/">Shopify status</a> </li> </ul> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-third grid__item--desktop-up-2"> <h3 class="footer-subhead heading--5 ">Blogs</h3> <ul class="footer-top--list" role="list"> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://www.shopify.com/partners/blog">Partner blog</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://shopify.engineering/">Engineering blog</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://ux.shopify.com/">UX blog</a> </li> </ul> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-third grid__item--desktop-up-2"> <h3 class="footer-subhead heading--5 ">Community</h3> <ul class="footer-top--list" role="list"> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://community.shopify.com/c/App-Partner-Platform/ct-p/appdev">Developer forums</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://shopifypartners.slack.com/join/shared_invite/zt-fadywn35-y~7e2MJkJkQ4caIjmbKRpg#/shared-invite/email">Partner Slack</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://www.facebook.com/shopifypartners/">Facebook group</a> </li> </ul> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-third grid__item--desktop-up-2"> <h3 class="footer-subhead heading--5 ">Social</h3> <ul class="footer-top--list" role="list"> <li> <a class="footer-link footer-link--social footer-link--twitch" href="https://web.archive.org/web/20211201191325/https://www.twitch.tv/shopifydevs">Twitch</a> </li> <li> <a class="footer-link footer-link--social footer-link--youtube" href="https://web.archive.org/web/20211201191325/https://www.youtube.com/c/shopifydevs">YouTube</a> </li> <li> <a class="footer-link footer-link--social footer-link--twitter" href="https://web.archive.org/web/20211201191325/https://twitter.com/ShopifyDevs">Twitter</a> </li> </ul> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-third grid__item--desktop-up-2"> <h3 class="footer-subhead heading--5 ">Events</h3> <ul class="footer-top--list" role="list"> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://unite.shopify.com/">Unite</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://events.shopify.com/partners">Meetups</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://events.shopify.com/partnertownhall">Partner Town Hall</a> </li> </ul> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-third grid__item--desktop-up-2"> <h3 class="footer-subhead heading--5 ">Legal</h3> <ul class="footer-top--list" role="list"> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://www.shopify.com/legal/terms">Terms of Service</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://www.shopify.com/legal/api-terms">API Terms of Service</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://www.shopify.com/legal/privacy">Privacy policy</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211201191325/https://www.shopify.com/partners/terms">Partner program agreement</a> </li> </ul> </div> </div> </div> <div class="footer-bottom"> <div class="grid grid--vertically-centered"> <div class="grid__item"> <nav class="footer-nav"> <ul class="footer-nav__list" role="list"> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20211201191325/https://www.shopify.com/about">About Shopify</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20211201191325/https://www.shopify.com/plus">Shopify Plus</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20211201191325/https://www.shopify.com/careers">Careers</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20211201191325/https://investors.shopify.com/">Investors</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20211201191325/https://www.shopify.com/press">Press and Media</a> </li> </ul> </nav> </div></div> </div> </footer> </div> </div> </div> <script> //<![CDATA[ window.I18n = window.I18n || {}; window.I18n.data = {"modal":{"home":"Home","close":"Close"},"signup":{"header":"Start your free %{trial_length}-day trial of Shopify","create_now":"Create your store","labels":{"email":"Email address","password":"Password","shop_name":"Your store name","subdomain":"Store URL"},"subtitles":{"shop_name":"This can be changed later.","subdomain":"This will be the default domain for your store, but you can add different domains later. You'll also use your Store URL to log in."},"placeholders":{"password":"Minimum 5 characters"},"success_messages":{"email":"Got it","password":"Looks great","shop_name":"That name is available!","subdomain":"You‘ll use this to log in to your store"},"store_address_suffix":".myshopify.com","hint_messages":{"email_typo_html":"Did you mean \u003cbutton type=\"button\" data-bind-event-click=\"%{on_click}\"\u003e%{suggestion}\u003c/button\u003e?"},"partners_input_label":"Email address","partners_input_placeholder":"Enter your email","submit":"Sign up","signup_html":"Sign up as a Shopify Partner to get a free API\u0026nbsp;key."},"forms":{"errors":{"throttled":"Too many requests from this IP, try again later.","global":{"invalid":"Please enter a valid email address","required":"This field is required.","generic":"Sorry, something went wrong. Please try again later.","throttled":"Too many requests from this IP, try again later."},"shop_name":{"empty":"Please enter a store name","minlength":"Your store name must be at least 4 characters","maxlength":"Your store name can’t be longer than 60 characters","existingAdmin":"A store with that name already exists. If you are the owner you can \u003ca href=\"https://%{err}/admin\"\u003elog in here\u003c/a\u003e","message":"%{err}","matchesPassword":"Your store name can’t be the same as your password","disallowed":"Your store name can’t contain the word \u003cstrong\u003e%{err}\u003c/strong\u003e. Try another."},"email":{"empty":"Please enter an email address","invalid":"Please enter a valid email address","member_exists":"You are already subscribed to this list","generic":"Sorry, something went wrong. Please try again later."},"password":{"empty":"Please enter a password","minlength":"Password must be at least 5 characters","spaces":"Password cannot start or end with a space"},"subdomain":{"empty":"Please enter a subdomain","minlength":"Your subdomain must be at least 4 characters","multiple":"Multiple subdomains are associated with this email","suggest":"Did you mean %{err}?","invalid":"Please enter a valid subdomain","existingAdmin":"A store with that subdomain already exists. If you are the owner you can \u003ca href=\"https://%{err}/admin\"\u003elog in here\u003c/a\u003e","disallowed":"Your subdomain can’t contain the word \u003cstrong\u003e%{err}\u003c/strong\u003e. Try another.","message":"%{err}"}}},"search":{"title":"Search","placeholder":"Search","label":"Search the documentation","suggestions_available":"Suggestions are available. Use up and down arrows to select a suggestion and enter key to use it.","no_suggestions_available":"No suggestions are available for this search term. Try a different search term.","instructions":"As you start typing, we might suggest common search terms. Use up and down arrow keys to select a search term.","submit":"Search Submit button","launcher":"Forward slash to launch search","up_down_navigation_html":"%{up_icon}%{down_icon} arrows to navigate","up":"Up","down":"Down","enter_to_select":"Enter to select","escape_to_close":"Escape to close","instructions_html":"Press %{up_icon}%{down_icon} to navigate, %{enter} to select, %{esc} to dismiss","enter":"enter","esc":"esc","no_results":"No results","try_another_search_term":"Try another search term","could_not_be_completed":"Your search couldn’t be completed","try_again_later":"Please try again later","search":{"page_title":"Search results for '%{search_term}'","meta_description":"Create powerful ecommerce solutions for a variety of scenarios using Shopify’s API.","results_for_html":"Results for %{search_term}","total_results":{"one":"%{count} result","other":"%{count} results"},"no_results_for_html":"No results for %{search_term}","no_search_term":"this request","try_another_term_html":"Try another term or browse the %{docs_href}","docs":"Docs","no_search_results":"No search results","next":"Next","previous":"Previous"}},"feedback":{"page_sentiment_label":"Was this page helpful?","meta":{"title":"Share Feedback","description":"Share Feedback"},"cta":"share your feedback with us.","question":"How helpful was this page?","submit-message":"Thanks for helping us improve this page!","submit-button":"Submit feedback","ratings":{"0":"Very unhelpful","1":"Somewhat unhelpful","2":"Neither helpful nor unhelpful","3":"Somewhat helpful","4":"Very helpful"},"details":{"like":"What did you like about this page? (optional)","dislike":"What can we do to improve this page? (optional)"},"feedback_form":{"positive":"Yes","negative":"No","question":"Is this page helpful?","default_label":"How could we improve this page?","option_0":{"option":"This isn't what I was looking for.","placeholder":"What were you looking for?"},"option_1":{"option":"There aren't enough examples.","placeholder":"What examples were you looking for?"},"option_2":{"option":"The information is hard to understand.","placeholder":"What was difficult to understand?"},"option_3":{"option":"The information doesn't solve my issue.","placeholder":"What issue were you trying to solve?"},"option_4":{"option":"Other","placeholder":"What can we do to improve this page?"},"thank_you":{"positive":"Thank you for your feedback!","negative":"Thank you for your feedback! Let us know why this wasn't helpful.","submitted":"Thank you for your comments!"}}},"docs":{"markdown":{"meta_description":"Consult complete reference documentation for developing on Shopify. Includes representative code snippets and examples for a variety of client libraries."},"article":{"api_version_selector":{"api_version_name_html":"API version: %{version_handle} %{version_label}","post_unite_api_version_name_html":"%{version_handle} %{version_label}","choose_api_version":"Choose API version","newer_versions_available":{"one":"%{count} newer API version available","other":"%{count} newer API versions available"},"not_supported":"Not supported in this API version."}}},"a11y":{"pause_animations":"Pause animations","aria_label_anchor":"Anchor link"}}; window.I18n.globals = {"total_blog_subscribers":"446,005","trial_length":14}; //]]> </script> <script> //<![CDATA[ window.RailsData = { "features": [ "admin_api_next", "cg_fe_comment", "dark_mode" ], "markdown_path": "content/api/hydrogen/index.md" } //]]> </script> <script src="https://web.archive.org/web/20211201191325js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/runtime-aae29a1923410bc6c1dcbfe2703c1858339443a1e485f33af57def797a818f15.js"></script> <script src="https://web.archive.org/web/20211201191325js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/vendors~manifests/admin_graphiql~manifests/api_landing_page~manifests/app_challenge~manifests/change~e5d2ea56-347310b936935b802c5280cdf6b434765e50d361a260453e35a9a7bb3fdca4a9.js"></script> <script src="https://web.archive.org/web/20211201191325js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/vendors~application~manifests/api_landing_page~manifests/changelog~manifests/docs~manifests/feedback~77ada086-4f194fcea21d9fee555db6e0b847cef91b2fe8f0781389a8dbbe33332c305845.js"></script> <script src="https://web.archive.org/web/20211201191325js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/docs-5078e454423d90c7f9d61fda1739321b3de0da5be5ec490d316cc610a04edcdb.js"></script> <script src="https://web.archive.org/web/20211201191325js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/feedback-6f243e3dfcae0eddc3b63aaba4caa4ca3f573641d8f89fee75d7a8aa00dc9037.js"></script> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//web.archive.org/web/20211201191325/https://connect.facebook.net/en_US/fbevents.js'); fbq('dataProcessingOptions', ['LDU'], 0, 0); fbq('init', '1139564706572105'); fbq('track', 'PageView'); </script> <noscript> <img height="0" width="0" style="display: none" alt="" src="https://web.archive.org/web/20211201191325im_/https://www.facebook.com/tr?id=1139564706572105&ev=PageView&noscript=1"/> </noscript> </body> </html>

CINXE.COM

Hydrogen components, hooks, and utilities overview