CINXE.COM
The section object
<!DOCTYPE html> <html class="no-js" lang="EN"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_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="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://shopify.dev/api/liquid/objects/section","20220208141923","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1644329963"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preconnect" href="https://web.archive.org/web/20220208141923/https://cdn.shopify.com/"/> <link href="https://web.archive.org/web/20220208141923/https://fonts.googleapis.com/" rel="preconnect" crossorigin> <link rel="stylesheet" href="https://web.archive.org/web/20220208141923cs_/https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;700;800&display=swap"/> <link rel="stylesheet" href="https://web.archive.org/web/20220208141923cs_/https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"/> <link rel="shortcut icon" type="image/png" href="https://web.archive.org/web/20220208141923im_/https://cdn.shopify.com/static/shopify-favicon.png"/> <title>The section object</title> <meta name="description" content="About the Shopify Liquid section object."/> <link rel="canonical" href="https://web.archive.org/web/20220208141923/https://shopify.dev/api/liquid/objects/section"> <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/20220208141923cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/application-30b9e65d0e53924cf5ea5a6dde913d0d26bb3e0f40d0c122fade0196b6827b35.css"/> <link rel="stylesheet" media="print" href="https://web.archive.org/web/20220208141923cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/print-38c9ce1447b1b169ebad812302003a8e27256909aa497525e354b8fd92e166b3.css"/> <link rel="stylesheet" media="screen" href="https://web.archive.org/web/20220208141923cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/manifests/docs-4ae47cf1c1ea8b336275660c7d4bf8d10e016f9593387a8872bdb93f69b7b2de.css"/> <link href="https://web.archive.org/web/20220208141923cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/feedback_launcher-14f0b752afe14066a49e2fb9f477287b26ac4b5463c3c78a2d2ebf00eb454d93.css" rel="stylesheet"/> <link href="https://web.archive.org/web/20220208141923cs_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/docs-08ea831b3feb6846fd4210674a37da9befdc9156296f3e38e6ecb95d45958492.css" rel="stylesheet"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Shopify"/> <meta property="og:title" content="The section object"/> <meta property="og:description" content="About the Shopify Liquid section object."/> <meta property="og:image" content="https://web.archive.org/web/20220208141923im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/social-share-24de3afa0326f705b84a0a98714acc192611e5a21ade3b7c8f2bd12ba7d1457f.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20220208141923/https://shopify.dev/api/liquid/objects/section"/> <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="The section object"/> <meta property="twitter:description" content="About the Shopify Liquid section object."/> <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/20220208141923/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/20220208141923/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/20220208141923/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_8a37" 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_8a37"><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_272e" 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_272e"><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_4bc0" 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_4bc0"><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-112-title" role="img"><title id="icon-modules-mobile-hamburger-112-title">Open Main Navigation</title> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#modules-mobile-hamburger"/> </svg> </button> <div class="marketing-nav__logo "> <a href="/web/20220208141923/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/20220208141923/https://shopify.dev/apps" class="marketing-nav__item marketing-nav__item--primary" itemprop="name">Apps</a></li><li><a href="/web/20220208141923/https://shopify.dev/themes" class="marketing-nav__item marketing-nav__item--primary" itemprop="name">Themes</a></li><li><a href="/web/20220208141923/https://shopify.dev/custom-storefronts" class="marketing-nav__item marketing-nav__item--primary" itemprop="name">Custom storefronts</a></li><li><a href="/web/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/liquid" class="marketing-nav__item marketing-nav__item--child drawer__item--active" itemprop="name">Liquid</a></li><li><a href="/web/20220208141923/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/20220208141923/https://shopify.dev/api/storefront" class="marketing-nav__item marketing-nav__item--child" itemprop="name">Storefront API</a></li><li><a href="/web/20220208141923/https://shopify.dev/api/hydrogen" class="marketing-nav__item marketing-nav__item--child" itemprop="name">Hydrogen</a></li></ul></li><li><ul class="popover__list"><li><a href="/web/20220208141923/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/20220208141923/https://shopify.dev/search" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BzHqrlxFz3X6QTm_2Qnvntv0mhGFy-gsc1AV2WoszXSMlBLts-6T_gc_wvlv0WGJR2lHIKaZml_L_EWrdqVaSw"/> <input type="hidden" name="authenticity_token" id="authenticity_token" value="W99zFOAEu_wH-e4PURkBeXPkDfWZlmtwAQoIIiWllFiwogcon_3EirunepTA2C-Fwiw8WnDtf2YHwl5SBpM1kA"/> <label class="marketing-input-wrapper search-input-wrapper"><span class="marketing-label marketing-label--hidden visuallyhidden">Search the documentation</span><input aria-describedby="MessageId_1c6a" 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_1c6a"></span> <input name="search_uuid" id="searchUUID" value="787dc395-b160-45ee-b357-8e8bfcc2f1d1" 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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/search/empty-search-small-ee5ac8bd6c3f5e1a928fe9719c3623a0e2422eabee4f9cf9ed4f3161487b7c85.png 1x, https://web.archive.org/web/20220208141923im_/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/20220208141923im_/https://cdn.shopify.com/shopifycloud/shopify_dev/assets/search/empty-search-small-ee5ac8bd6c3f5e1a928fe9719c3623a0e2422eabee4f9cf9ed4f3161487b7c85.png 1x, https://web.archive.org/web/20220208141923im_/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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 type="button" name="button" id="theme-mode-toggle" class="theme-mode-button" aria-label="View dark mode"> <svg id="e7WdGhBIZD91" class="theme-mode-toggle-svg dark-to-light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 20 20" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <g id="e7WdGhBIZD92" mask="url(#e7WdGhBIZD913)"> <g id="e7WdGhBIZD93_to" transform="translate(10,21)"> <g id="e7WdGhBIZD93" transform="translate(-10,-10)"> <ellipse id="e7WdGhBIZD94" rx="4" ry="4" transform="matrix(1 0 0 1 10 10)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD95" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 2 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD96" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 15 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD97" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 18)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD98" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD99" rx="1" ry="1" transform="matrix(1 0 0 1 15 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD910" rx="1" ry="1" transform="matrix(1 0 0 1 15 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD911" rx="1" ry="1" transform="matrix(1 0 0 1 5 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD912" rx="1" ry="1" transform="matrix(1 0 0 1 5 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> </g> <mask id="e7WdGhBIZD913" mask-type="luminance"> <g id="e7WdGhBIZD914_to" transform="translate(8.000001,-2)"> <rect id="e7WdGhBIZD914" width="20" height="20" rx="0" ry="0" transform="translate(-8,-8)" fill="rgb(255,255,255)" stroke="none" stroke-width="0"/> </g> </mask> </g> <g id="e7WdGhBIZD915_to" transform="translate(16,12.5)"> <rect id="e7WdGhBIZD915" width="0" height="1" rx="0.5" ry="0.5" transform="translate(-6,-0.5)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> <g id="e7WdGhBIZD916_to" transform="translate(16.798746,14.693594)"> <rect id="e7WdGhBIZD916" width="0" height="1" rx="0.5" ry="0.5" transform="translate(-6.798746,-0.693594)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> <g id="e7WdGhBIZD917_to" transform="translate(0,0)"> <g id="e7WdGhBIZD917" transform="translate(0,0)" mask="url(#e7WdGhBIZD919)"> <g id="e7WdGhBIZD918_to" transform="translate(9.315335,10.057362)"> <path id="e7WdGhBIZD918" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="translate(-7.315335,-8.058393)" fill="rgb(109,113,117)" stroke="none" stroke-width="1"/> </g> <mask id="e7WdGhBIZD919" mask-type="luminance"> <path id="e7WdGhBIZD920" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="matrix(1 0 0 1 2 1.998969)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/> </mask> </g> </g> </svg> <svg cache-id="6a324d84fb02457bbc7bb788a2d667eb" id="ec6gLKdeDap1" class="theme-mode-toggle-svg light-to-dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 20 20" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <g id="ec6gLKdeDap2" mask="url(#ec6gLKdeDap13)"> <g id="ec6gLKdeDap3_to" transform="translate(10,10)"> <g id="ec6gLKdeDap3" transform="translate(-10,-10)"> <ellipse id="ec6gLKdeDap4" rx="4" ry="4" transform="matrix(1 0 0 1 10 10)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap5" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 2 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap6" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 15 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap7" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 18)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap8" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap9" rx="1" ry="1" transform="matrix(1 0 0 1 15 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap10" rx="1" ry="1" transform="matrix(1 0 0 1 15 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap11" rx="1" ry="1" transform="matrix(1 0 0 1 5 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap12" rx="1" ry="1" transform="matrix(1 0 0 1 5 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> </g> <mask id="ec6gLKdeDap13" mask-type="luminance"> <g id="ec6gLKdeDap14_to" transform="translate(8.000001,6)"> <rect id="ec6gLKdeDap14" width="20" height="20" rx="0" ry="0" transform="translate(-8,-8)" fill="rgb(255,255,255)" stroke="none" stroke-width="0"/> </g> </mask> </g> <g id="ec6gLKdeDap15_to" transform="translate(10,19.5)"> <rect id="ec6gLKdeDap15" width="12" height="1" rx="0.5" ry="0.5" transform="translate(-6,-0.5)" fill="#EBAF26" fill-opacity="0" stroke="none" stroke-width="0"/> </g> <g id="ec6gLKdeDap16_to" transform="translate(12.798746,21.693594)"> <rect id="ec6gLKdeDap16" width="8" height="1" rx="0.5" ry="0.5" transform="translate(-6.798746,-0.693594)" fill="#EBAF26" fill-opacity="0" stroke="none" stroke-width="0"/> </g> <g id="ec6gLKdeDap17_to" transform="translate(1,-3)"> <g id="ec6gLKdeDap17" transform="translate(0,0)" mask="url(#ec6gLKdeDap19)"> <g id="ec6gLKdeDap18_to" transform="translate(13.315335,6.057362)"> <path id="ec6gLKdeDap18" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="translate(-7.315335,-8.058393)" fill="rgb(109,113,117)" fill-opacity="0" stroke="none" stroke-width="1"/> </g> <mask id="ec6gLKdeDap19" mask-type="luminance"> <path id="ec6gLKdeDap20" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="matrix(1 0 0 1 2 1.998969)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/> </mask> </g> </g> </svg> </button> </li> <li><a href="https://web.archive.org/web/20220208141923/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/20220208141923/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/liquid/objects/section">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-114-title" role="img"><title id="icon-modules-cancel-114-title">Close Main Navigation</title> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#modules-cancel"/> </svg> </button> <div class="marketing-nav__logo"> <a href="/web/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#modules-caret-down"/> </svg> </button> <div class="accordion-content drawer-navigation__content"> <ul> <li class="drawer-navigation__list"><a href="/web/20220208141923/https://shopify.dev/apps" class="drawer__item">Apps</a></li><li class="drawer-navigation__list"><a href="/web/20220208141923/https://shopify.dev/themes" class="drawer__item">Themes</a></li><li class="drawer-navigation__list"><a href="/web/20220208141923/https://shopify.dev/custom-storefronts" class="drawer__item">Custom storefronts</a></li><li class="drawer-navigation__list"><a href="/web/20220208141923/https://shopify.dev/marketplaces" class="drawer__item">Marketplaces</a></li><li class="drawer-navigation__list"><a href="/web/20220208141923/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/20220208141923/https://shopify.dev/api/admin-graphql" class="drawer__item">GraphQL Admin API</a></li><li class="drawer-navigation__list"><a href="/web/20220208141923/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/20220208141923/https://shopify.dev/api/liquid" class="drawer__item drawer__item--active">Liquid</a></li><li class="drawer-navigation__list"><a href="/web/20220208141923/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/20220208141923/https://shopify.dev/api/storefront" class="drawer__item">Storefront API</a></li><li class="drawer-navigation__list"><a href="/web/20220208141923/https://shopify.dev/api/hydrogen" class="drawer__item">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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/release-notes/2022-04"><span>2022-04 (Release candidate)</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/release-notes/2022-01"><span>2022-01</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/release-notes/2021-01"><span>2021-01</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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/https://shopify.dev/api/partner"><span>GraphQL Reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/partner/getting-started"><span>Getting started</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">Payments Apps API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstate"><span>CaptureSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatecode"><span>CaptureSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstaterejected"><span>CaptureSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstaterejectedreason"><span>CaptureSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstateresolved"><span>CaptureSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstates"><span>CaptureSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstate"><span>PaymentSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatecode"><span>PaymentSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatepending"><span>PaymentSessionStatePending</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatependingreason"><span>PaymentSessionStatePendingReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstaterejected"><span>PaymentSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstaterejectedreason"><span>PaymentSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstateresolved"><span>PaymentSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstates"><span>PaymentSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstate"><span>RefundSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatecode"><span>RefundSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstaterejected"><span>RefundSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstaterejectedreason"><span>RefundSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstateresolved"><span>RefundSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstates"><span>RefundSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstate"><span>VoidSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatecode"><span>VoidSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstaterejected"><span>VoidSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstaterejectedreason"><span>VoidSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstateresolved"><span>VoidSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstates"><span>VoidSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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 accordion-item--active"> <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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--active sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/liquid/filters/url-filters"><span>URL filters</span></a> </div> </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">Objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--active sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/liquid/objects/search"><span>search</span></a> </div> </li> <li class="sidebar-item sidebar-item--active"> <div class="sidebar-item__inner-container"> <a class="sidebar-link sidebar-link--active" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/liquid/objects/deprecated-objects"><span>Deprecated objects and 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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/https://shopify.dev/api/storefront"><span>GraphQL Reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/storefront/getting-started"><span>Getting started</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">Hydrogen</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/components/primitive/modelviewer"><span>ModelViewer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/components/primitive/seo"><span>Seo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/hooks/primitive/useloadscript"><span>useLoadScript</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/hooks/cart/usecartline"><span>useCartLine</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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://partners.shopify.com/organizations" class="drawer__item">Log in</a></li><li><a href="https://web.archive.org/web/20220208141923/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/liquid/objects/section">Sign up</a></li> <li class="drawer__item theme-mode-toggle-sidebar-container"> <button type="button" name="button" id="theme-mode-toggle-sidebar" class="theme-mode-button-sidebar" aria-label="View dark mode"> <svg id="e7WdGhBIZD91" class="theme-mode-toggle-svg dark-to-light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 20 20" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <g id="e7WdGhBIZD92" mask="url(#e7WdGhBIZD913-sidebar)"> <g id="e7WdGhBIZD93_to" transform="translate(10,21)"> <g id="e7WdGhBIZD93" transform="translate(-10,-10)"> <ellipse id="e7WdGhBIZD94" rx="4" ry="4" transform="matrix(1 0 0 1 10 10)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD95" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 2 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD96" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 15 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD97" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 18)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="e7WdGhBIZD98" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD99" rx="1" ry="1" transform="matrix(1 0 0 1 15 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD910" rx="1" ry="1" transform="matrix(1 0 0 1 15 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD911" rx="1" ry="1" transform="matrix(1 0 0 1 5 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="e7WdGhBIZD912" rx="1" ry="1" transform="matrix(1 0 0 1 5 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> </g> <mask id="e7WdGhBIZD913-sidebar" mask-type="luminance"> <g id="e7WdGhBIZD914_to" transform="translate(8.000001,-2)"> <rect id="e7WdGhBIZD914" width="20" height="20" rx="0" ry="0" transform="translate(-8,-8)" fill="rgb(255,255,255)" stroke="none" stroke-width="0"/> </g> </mask> </g> <g id="e7WdGhBIZD915_to" transform="translate(16,12.5)"> <rect id="e7WdGhBIZD915" width="0" height="1" rx="0.5" ry="0.5" transform="translate(-6,-0.5)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> <g id="e7WdGhBIZD916_to" transform="translate(16.798746,14.693594)"> <rect id="e7WdGhBIZD916" width="0" height="1" rx="0.5" ry="0.5" transform="translate(-6.798746,-0.693594)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> <g id="e7WdGhBIZD917_to" transform="translate(0,0)"> <g id="e7WdGhBIZD917" transform="translate(0,0)" mask="url(#e7WdGhBIZD919)"> <g id="e7WdGhBIZD918_to" transform="translate(9.315335,10.057362)"> <path id="e7WdGhBIZD918" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="translate(-7.315335,-8.058393)" fill="rgb(109,113,117)" stroke="none" stroke-width="1"/> </g> <mask id="e7WdGhBIZD919" mask-type="luminance"> <path id="e7WdGhBIZD920" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="matrix(1 0 0 1 2 1.998969)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/> </mask> </g> </g> </svg> <svg cache-id="6a324d84fb02457bbc7bb788a2d667eb" id="ec6gLKdeDap1" class="theme-mode-toggle-svg light-to-dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 20 20" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <g id="ec6gLKdeDap2" mask="url(#ec6gLKdeDap13-sidebar)"> <g id="ec6gLKdeDap3_to" transform="translate(10,10)"> <g id="ec6gLKdeDap3" transform="translate(-10,-10)"> <ellipse id="ec6gLKdeDap4" rx="4" ry="4" transform="matrix(1 0 0 1 10 10)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap5" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 2 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap6" width="3" height="2" rx="1" ry="1" transform="matrix(1 0 0 1 15 9)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap7" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 18)" fill="#EBAF26" stroke="none" stroke-width="0"/> <rect id="ec6gLKdeDap8" width="3" height="2" rx="1" ry="1" transform="matrix(0 -1 1 0 9 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap9" rx="1" ry="1" transform="matrix(1 0 0 1 15 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap10" rx="1" ry="1" transform="matrix(1 0 0 1 15 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap11" rx="1" ry="1" transform="matrix(1 0 0 1 5 15)" fill="#EBAF26" stroke="none" stroke-width="0"/> <ellipse id="ec6gLKdeDap12" rx="1" ry="1" transform="matrix(1 0 0 1 5 5)" fill="#EBAF26" stroke="none" stroke-width="0"/> </g> </g> <mask id="ec6gLKdeDap13-sidebar" mask-type="luminance"> <g id="ec6gLKdeDap14_to" transform="translate(8.000001,6)"> <rect id="ec6gLKdeDap14" width="20" height="20" rx="0" ry="0" transform="translate(-8,-8)" fill="rgb(255,255,255)" stroke="none" stroke-width="0"/> </g> </mask> </g> <g id="ec6gLKdeDap15_to" transform="translate(10,19.5)"> <rect id="ec6gLKdeDap15" width="12" height="1" rx="0.5" ry="0.5" transform="translate(-6,-0.5)" fill="#EBAF26" fill-opacity="0" stroke="none" stroke-width="0"/> </g> <g id="ec6gLKdeDap16_to" transform="translate(12.798746,21.693594)"> <rect id="ec6gLKdeDap16" width="8" height="1" rx="0.5" ry="0.5" transform="translate(-6.798746,-0.693594)" fill="#EBAF26" fill-opacity="0" stroke="none" stroke-width="0"/> </g> <g id="ec6gLKdeDap17_to" transform="translate(1,-3)"> <g id="ec6gLKdeDap17" transform="translate(0,0)" mask="url(#ec6gLKdeDap19)"> <g id="ec6gLKdeDap18_to" transform="translate(13.315335,6.057362)"> <path id="ec6gLKdeDap18" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="translate(-7.315335,-8.058393)" fill="rgb(109,113,117)" fill-opacity="0" stroke="none" stroke-width="1"/> </g> <mask id="ec6gLKdeDap19" mask-type="luminance"> <path id="ec6gLKdeDap20" d="M2.37783,13.0022C1.58522,12.2096,0.986546,11.3242,0.581809,10.3461C0.193936,9.35111,0,8.33084,0,7.28526C0.016864,6.2397,0.227665,5.22785,0.632401,4.24974C1.03714,3.25476,1.64424,2.35253,2.45372,1.54306C2.70073,1.29604,2.95251,1.06925,3.20904,0.86267C3.58926,0.556495,4.0804,0.995663,3.95335,1.46701C3.80603,2.0135,3.71933,2.58694,3.69322,3.1873C3.6595,4.35092,3.83657,5.48081,4.22444,6.57698C4.61231,7.67314,5.19412,8.60909,5.96987,9.38484C6.76248,10.1774,7.70686,10.7677,8.80303,11.1556C9.89919,11.5434,11.0206,11.7205,12.1674,11.6868C12.7806,11.6601,13.368,11.5702,13.9297,11.4171C14.3989,11.2892,14.8337,11.7764,14.5295,12.1559C14.3196,12.4176,14.0888,12.6744,13.8369,12.9263C13.0275,13.7358,12.1252,14.3429,11.1303,14.7476C10.1521,15.1523,9.14031,15.3547,8.09474,15.3547C7.04917,15.3716,6.02889,15.1861,5.03391,14.7982C4.0558,14.3935,3.17044,13.7948,2.37783,13.0022Z" transform="matrix(1 0 0 1 2 1.998969)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/> </mask> </g> </g> </svg> </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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/release-notes/2022-04"><span>2022-04 (Release candidate)</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/release-notes/2022-01"><span>2022-01</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/release-notes/2021-01"><span>2021-01</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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/https://shopify.dev/api/partner"><span>GraphQL Reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/partner/getting-started"><span>Getting started</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">Payments Apps API</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstate"><span>CaptureSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstatecode"><span>CaptureSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstaterejected"><span>CaptureSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstaterejectedreason"><span>CaptureSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstateresolved"><span>CaptureSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/capturesessionstates"><span>CaptureSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstate"><span>PaymentSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatecode"><span>PaymentSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatepending"><span>PaymentSessionStatePending</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstatependingreason"><span>PaymentSessionStatePendingReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstaterejected"><span>PaymentSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstaterejectedreason"><span>PaymentSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstateresolved"><span>PaymentSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/paymentsessionstates"><span>PaymentSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstate"><span>RefundSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstatecode"><span>RefundSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstaterejected"><span>RefundSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstaterejectedreason"><span>RefundSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstateresolved"><span>RefundSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/refundsessionstates"><span>RefundSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstate"><span>VoidSessionState</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstatecode"><span>VoidSessionStateCode</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstaterejected"><span>VoidSessionStateRejected</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstaterejectedreason"><span>VoidSessionStateRejectedReason</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstateresolved"><span>VoidSessionStateResolved</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/payments-apps/graphql/reference/common-objects/voidsessionstates"><span>VoidSessionStates</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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 accordion-item--active"> <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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--active sidebar-submenu--depth-1"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/liquid/filters/url-filters"><span>URL filters</span></a> </div> </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">Objects</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-expand"/> </svg> </button> </div> <ul class="sidebar-submenu accordion-content sidebar-submenu--active sidebar-submenu--depth-2"> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/liquid/objects/search"><span>search</span></a> </div> </li> <li class="sidebar-item sidebar-item--active"> <div class="sidebar-item__inner-container"> <a class="sidebar-link sidebar-link--active" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/liquid/objects/deprecated-objects"><span>Deprecated objects and 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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/https://shopify.dev/api/storefront"><span>GraphQL Reference</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/https://shopify.dev/api/storefront/getting-started"><span>Getting started</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">Hydrogen</h4> <svg class="icon sidebar-icon sidebar-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/components/primitive/modelviewer"><span>ModelViewer</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/components/primitive/seo"><span>Seo</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/hooks/primitive/useloadscript"><span>useLoadScript</span></a> </div> </li> <li class="sidebar-item"> <div class="sidebar-item__inner-container"> <a class="sidebar-link" href="/web/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/https://shopify.dev/api/hydrogen/hooks/cart/usecartline"><span>useCartLine</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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#sidebar-collapse"/> </svg> <svg class="icon sidebar-icon sidebar-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="/web/20220208141923im_/https://shopify.dev/api/liquid/objects/section#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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923im_/https://shopify.dev/api/liquid/objects/section#modules-caret-down"/> </svg> </button> <div class="toc-accordion__content accordion-content toc"> <ul> <li><a href="#section-blocks">section.blocks</a></li><li><a href="#section-id">section.id</a></li><li><a href="#section-settings">section.settings</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"> The section object </h1> </div> <p>The <code class="text-highlight text-highlight--grey">section</code> object lets you access a section's properties and <a href="/web/20220208141923/https://shopify.dev/themes/architecture/sections/section-schema#settings">setting values</a>.</p> </section><section class="feedback-section"><h2 id="section-blocks">section.blocks</h2> <p>Returns an array of the section's blocks.</p> </section><section class="feedback-section"><h2 id="section-id">section.id</h2> <p>For static sections, returns the section's file name without ".liquid". For dynamic sections, returns a dynamically generated ID.</p> </section><section class="feedback-section"><h2 id="section-settings">section.settings</h2> <p>Returns an object of the <a href="/web/20220208141923/https://shopify.dev/themes/architecture/settings/input-settings">section settings</a> set in the theme editor. Retrieve setting values by referencing the setting's unique <code class="text-highlight text-highlight--grey">id</code>.</p> <p> <div class="react-code-block" data-preset="file"> <script data-option="filename" data-value="Input"></script> <script type="text/plain" data-language="liquid"> <h2>{{ section.settings.heading }}</h2> <a href="{{ section.settings.featured_collection.url }}">This week's best selling items</a> </script> </div> </p> <p> <div class="react-code-block" data-preset="output"> <script type="text/plain" data-language="html"> <h2>Weekly promotion</h2> <a href="/collections/new-this-week">This week's best selling items</a> </script> </div> </p> </article> <div class="hide--mobile hide--tablet"> <div id="FeedbackLauncherModal" class="feedback-launcher feedback-page"></div> </div> <div class="hide--desktop"> <div id="FeedbackLauncherPage" class="feedback-launcher feedback-page"></div> </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="#section-blocks">section.blocks</a></li><li><a href="#section-id">section.id</a></li><li><a href="#section-settings">section.settings</a></li> </ul> </div> </div> </div></div> </main> <footer class="footer--light" id="PageContainerFooter" data-gid="f3833c36-617a-4aec-9c6e-6f41791fef02" 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/20220208141923/https://shopify.dev/changelog">Developer changelog</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/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/20220208141923/https://www.shopify.com/partners/blog">Partner blog</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/https://shopify.engineering/">Engineering blog</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/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/20220208141923/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/20220208141923/https://discord.gg/shopifydevs">Devs Discord</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/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/20220208141923/https://unite.shopify.com/">Unite</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/https://events.shopify.com/partners">Meetups</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/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/20220208141923/https://www.shopify.com/legal/terms">Terms of Service</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/https://www.shopify.com/legal/api-terms">API Terms of Service</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/https://www.shopify.com/legal/privacy">Privacy policy</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20220208141923/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/20220208141923/https://www.shopify.com/about">About Shopify</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20220208141923/https://www.shopify.com/plus">Shopify Plus</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20220208141923/https://www.shopify.com/careers">Careers</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20220208141923/https://investors.shopify.com/">Investors</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20220208141923/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":{"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","aria_label_dark_mode":"View dark mode","aria_label_light_mode":"View light mode"}}; window.I18n.globals = {"total_blog_subscribers":"446,005","trial_length":14}; //]]> </script> <script> //<![CDATA[ window.RailsData = { "features": [ "admin_api_next", "cg_fe_comment", "non_reference_feedback_next" ], "markdown_path": "content/api/liquid/objects/section.md", "enable_theme_mode": true } //]]> </script> <script src="https://web.archive.org/web/20220208141923js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/runtime-aae29a1923410bc6c1dcbfe2703c1858339443a1e485f33af57def797a818f15.js"></script> <script src="https://web.archive.org/web/20220208141923js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/vendors~application~manifests/api_landing_page~manifests/api_landing_page.test~manifests/app_challen~fab51d4a-17c6e4fecd7a531d48a15abf20f0e342196d9a48e3e9e6de3cca241b10cdec88.js"></script> <script src="https://web.archive.org/web/20220208141923js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/vendors~manifests/admin_graphiql~manifests/api_landing_page~manifests/api_landing_page.test~manifest~7efc624a-e908a16c10132128ceb798f99aec31cdf66429f81795bb77423f49af9f7246f3.js"></script> <script src="https://web.archive.org/web/20220208141923js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/docs-2905cb6383a665c288f42696279535f82bf1ac17c14030da9ad7dd0037f4792c.js"></script> <script src="https://web.archive.org/web/20220208141923js_/https://cdn.shopify.com/shopifycloud/shopify_dev/bundles/baseline/manifests/feedback_launcher-585ebf29f21d930848bcf0cec1b80dcacef3c57b9cf870a251ebb57ab97644da.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/20220208141923/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/20220208141923im_/https://www.facebook.com/tr?id=1139564706572105&ev=PageView&noscript=1"/> </noscript> </body> </html> <!-- FILE ARCHIVED ON 14:19:23 Feb 08, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:46:59 Feb 08, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.756 exclusion.robots: 0.038 exclusion.robots.policy: 0.022 esindex: 0.013 cdx.remote: 8.404 LoadShardBlock: 75.492 (3) PetaboxLoader3.datanode: 81.404 (4) load_resource: 170.588 PetaboxLoader3.resolve: 93.242 -->