[{"data":1,"prerenderedAt":404},["ShallowReactive",2],{"navigation":3,"\u002Fdelivery-calendar\u002Finstall-and-enable":61,"\u002Fdelivery-calendar\u002Finstall-and-enable-surround":399},[4],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":60},"Delivery Calendar","i-lucide-calendar-days","\u002Fdelivery-calendar","delivery-calendar",[10,15,20,25,30,35,40,45,50,55],{"title":11,"path":12,"stem":13,"icon":14},"Getting started","\u002Fdelivery-calendar\u002Fgetting-started","delivery-calendar\u002F01.getting-started","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Install and enable","\u002Fdelivery-calendar\u002Finstall-and-enable","delivery-calendar\u002F02.install-and-enable","i-lucide-plug",{"title":21,"path":22,"stem":23,"icon":24},"Create a calendar","\u002Fdelivery-calendar\u002Fcreate-a-calendar","delivery-calendar\u002F03.create-a-calendar","i-lucide-plus-circle",{"title":26,"path":27,"stem":28,"icon":29},"Availability, cutoffs and time slots","\u002Fdelivery-calendar\u002Favailability-cutoffs-time-slots","delivery-calendar\u002F04.availability-cutoffs-time-slots","i-lucide-clock",{"title":31,"path":32,"stem":33,"icon":34},"Capacity and limits","\u002Fdelivery-calendar\u002Fcapacity-and-limits","delivery-calendar\u002F05.capacity-and-limits","i-lucide-gauge",{"title":36,"path":37,"stem":38,"icon":39},"Rules","\u002Fdelivery-calendar\u002Frules","delivery-calendar\u002F06.rules","i-lucide-list-filter",{"title":41,"path":42,"stem":43,"icon":44},"Product and item calendars","\u002Fdelivery-calendar\u002Fproduct-and-item-calendars","delivery-calendar\u002F07.product-and-item-calendars","i-lucide-package",{"title":46,"path":47,"stem":48,"icon":49},"Delivery dates on your orders","\u002Fdelivery-calendar\u002Forders-and-shopify-metafields","delivery-calendar\u002F08.orders-and-shopify-metafields","i-lucide-shopping-bag",{"title":51,"path":52,"stem":53,"icon":54},"Checkout gate","\u002Fdelivery-calendar\u002Fcheckout-gate-app-embed","delivery-calendar\u002F09.checkout-gate-app-embed","i-lucide-shield-check",{"title":56,"path":57,"stem":58,"icon":59},"FAQ and troubleshooting","\u002Fdelivery-calendar\u002Ffaq-troubleshooting","delivery-calendar\u002F10.faq-troubleshooting","i-lucide-circle-help",false,{"id":62,"title":16,"body":63,"description":392,"extension":393,"links":394,"meta":395,"navigation":396,"path":17,"seo":397,"stem":18,"__hash__":398},"docs\u002Fdelivery-calendar\u002F02.install-and-enable.md",{"type":64,"value":65,"toc":379},"minimark",[66,79,84,118,126,130,133,206,213,217,224,235,263,268,286,294,298,370,374],[67,68,69,70,74,75,78],"p",{},"This guide walks through installing the app and turning on the two storefront pieces: the ",[71,72,73],"strong",{},"date picker"," on your cart page and the ",[71,76,77],{},"checkout gate"," that blocks checkout until a required date is selected.",[80,81,83],"h2",{"id":82},"step-1-install-appstint","Step 1 — Install AppsTint",[85,86,87,99,106,113],"ol",{},[88,89,90,91,98],"li",{},"Open the ",[92,93,97],"a",{"href":94,"rel":95},"https:\u002F\u002Fapps.shopify.com\u002Fappstint",[96],"nofollow","AppsTint listing on the Shopify App Store",".",[88,100,101,102,105],{},"Click ",[71,103,104],{},"Install"," and approve the requested permissions.",[88,107,108,109,112],{},"Open ",[71,110,111],{},"Apps → AppsTint"," in your Shopify admin.",[88,114,101,115,117],{},[71,116,5],{}," to open the calendar list.",[119,120,123],"callout",{"color":121,"icon":122},"primary","i-lucide-info",[67,124,125],{},"AppsTint runs inside your Shopify admin. There's no separate account or password — you're signed in automatically with your Shopify login.",[80,127,129],{"id":128},"step-2-add-the-delivery-calendar-block-cart-page","Step 2 — Add the Delivery Calendar block (cart page)",[67,131,132],{},"This puts the date picker on your cart page.",[85,134,135,141,147,154,165,174,177,201],{},[88,136,137,138,98],{},"In your Shopify admin go to ",[71,139,140],{},"Online Store → Themes",[88,142,143,144,98],{},"On your current theme, click ",[71,145,146],{},"Customize",[88,148,149,150,153],{},"Use the page selector at the top and switch to the ",[71,151,152],{},"Cart"," page.",[88,155,156,157,160,161,164],{},"In the left sidebar click ",[71,158,159],{},"Add block"," (or ",[71,162,163],{},"Add section",", depending on your theme).",[88,166,167,168,171,172,98],{},"Under ",[71,169,170],{},"Apps",", choose ",[71,173,5],{},[88,175,176],{},"Drag the block to where you want the picker to appear — usually just above the checkout button.",[88,178,179,180],{},"(Optional) Adjust the block settings:\n",[181,182,183,189,195],"ul",{},[88,184,185,188],{},[71,186,187],{},"Section heading"," — the label above the picker (default: \"Delivery date\")",[88,190,191,194],{},[71,192,193],{},"Loading message"," — shown for a moment while dates load",[88,196,197,200],{},[71,198,199],{},"Required date message"," — the message shown if a customer tries to check out without picking a date",[88,202,101,203,98],{},[71,204,205],{},"Save",[119,207,210],{"color":208,"icon":209},"success","i-lucide-check",[67,211,212],{},"Open your cart page with an item in the cart. You should see the delivery date picker appear within a second or two.",[80,214,216],{"id":215},"step-3-turn-on-the-delivery-checkout-gate","Step 3 — Turn on the Delivery Checkout Gate",[67,218,219,220,223],{},"The checkout gate disables ",[71,221,222],{},"Checkout"," buttons across your store — the cart drawer and the \"added to cart\" popup — until a required delivery date is selected. The cart page itself is already handled by the block you added in Step 2.",[119,225,228],{"color":226,"icon":227},"warning","i-lucide-alert-triangle",[67,229,230,231,234],{},"The checkout gate is ",[71,232,233],{},"turned off by default"," when you install the app. You need to switch it on once — until you do, it won't block any checkout buttons.",[85,236,237,244,249,259],{},[88,238,239,240,243],{},"In the theme editor, click ",[71,241,242],{},"Theme settings"," (the gear icon, bottom-left).",[88,245,108,246,98],{},[71,247,248],{},"App embeds",[88,250,251,252,255,256,98],{},"Find ",[71,253,254],{},"Delivery Checkout Gate"," and switch it ",[71,257,258],{},"on",[88,260,101,261,98],{},[71,262,205],{},[264,265,267],"h3",{"id":266},"check-its-working","Check it's working",[85,269,270,273,276],{},[88,271,272],{},"Go to your storefront and open a product page.",[88,274,275],{},"Add the product to your cart so the cart drawer or \"added to cart\" popup appears.",[88,277,278,279,282,283,285],{},"If the calendar is set to ",[71,280,281],{},"Required"," and no date is selected yet, the ",[71,284,222],{}," button should appear greyed out.",[119,287,288],{"color":121,"icon":122},[67,289,290,291,293],{},"The gate only blocks checkout for calendars marked ",[71,292,281],{}," in the app settings. Optional calendars never block checkout.",[80,295,297],{"id":296},"troubleshooting","Troubleshooting",[299,300,301,314],"table",{},[302,303,304],"thead",{},[305,306,307,311],"tr",{},[308,309,310],"th",{},"Symptom",[308,312,313],{},"Fix",[315,316,317,334,348,362],"tbody",{},[305,318,319,323],{},[320,321,322],"td",{},"No date picker on the cart",[320,324,325,326,328,329,331,332],{},"Make sure the ",[71,327,5],{}," block is added to the ",[71,330,152],{}," page and you clicked ",[71,333,205],{},[305,335,336,339],{},[320,337,338],{},"Customers can check out without a date",[320,340,341,342,345,346],{},"Turn on ",[71,343,344],{},"Require a delivery date"," in the calendar settings, and switch on the ",[71,347,254],{},[305,349,350,353],{},[320,351,352],{},"Checkout button still active in the cart drawer",[320,354,355,356,358,359],{},"The ",[71,357,254],{}," is off — turn it on under ",[71,360,361],{},"Theme settings → App embeds",[305,363,364,367],{},[320,365,366],{},"\"Loading delivery dates…\" never finishes",[320,368,369],{},"Confirm the app is still installed and your store is connected. If it persists, reach out and we'll help.",[80,371,373],{"id":372},"next-step","Next step",[67,375,376],{},[92,377,378],{"href":22},"Create your first delivery calendar →",{"title":380,"searchDepth":381,"depth":382,"links":383},"",1,2,[384,385,386,390,391],{"id":82,"depth":382,"text":83},{"id":128,"depth":382,"text":129},{"id":215,"depth":382,"text":216,"children":387},[388],{"id":266,"depth":389,"text":267},3,{"id":296,"depth":382,"text":297},{"id":372,"depth":382,"text":373},"Install AppsTint, add the cart date picker, and turn on the checkout gate.","md",null,{},{"icon":19},{"title":16,"description":392},"Pe5tQ0Yl4hkBQk3cEEHoGuhCSulknJU__CMEmXQeJcw",[400,402],{"title":11,"path":12,"stem":13,"description":401,"icon":14,"children":-1},"What Delivery Calendar does and how it works.",{"title":21,"path":22,"stem":23,"description":403,"icon":24,"children":-1},"Create and manage delivery calendars in the AppsTint app.",1782600372801]