[{"data":1,"prerenderedAt":461},["ShallowReactive",2],{"navigation_docs":3,"-timer-troubleshooting-troubleshooting-storefront-display":256,"-timer-troubleshooting-troubleshooting-storefront-display-surround":456},[4,102],{"title":5,"path":6,"stem":7,"children":8},"TreStack Timer","\u002Ftimer","1.timer",[9,12,30,51,68,89],{"title":10,"path":6,"stem":11},"TreStack Timer docs","1.timer\u002Findex",{"title":13,"path":14,"stem":15,"children":16,"page":29},"Getting started","\u002Ftimer\u002Fstart","1.timer\u002F1.start",[17,21,25],{"title":18,"path":19,"stem":20},"Installing TreStack Timer","\u002Ftimer\u002Fstart\u002Finstalling-a-trestack-app","1.timer\u002F1.start\u002F1.installing-a-trestack-app",{"title":22,"path":23,"stem":24},"Turning on the app embed and placing the app block","\u002Ftimer\u002Fstart\u002Fplacing-your-first-app-block","1.timer\u002F1.start\u002F2.placing-your-first-app-block",{"title":26,"path":27,"stem":28},"Development stores and theme previews","\u002Ftimer\u002Fstart\u002Fdevelopment-stores-and-theme-previews","1.timer\u002F1.start\u002F3.development-stores-and-theme-previews",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Timer types","\u002Ftimer\u002Ftimer-types","1.timer\u002F2.timer-types",[35,39,43,47],{"title":36,"path":37,"stem":38},"TreStack Timer, setup and settings","\u002Ftimer\u002Ftimer-types\u002Ftrestack-timer","1.timer\u002F2.timer-types\u002F1.trestack-timer",{"title":40,"path":41,"stem":42},"Placement, countries, and translations","\u002Ftimer\u002Ftimer-types\u002Fplacement-and-targeting","1.timer\u002F2.timer-types\u002F2.placement-and-targeting",{"title":44,"path":45,"stem":46},"Cart page and cart drawer timers","\u002Ftimer\u002Ftimer-types\u002Fcart-timers","1.timer\u002F2.timer-types\u002F3.cart-timers",{"title":48,"path":49,"stem":50},"Email timers","\u002Ftimer\u002Ftimer-types\u002Femail-timers","1.timer\u002F2.timer-types\u002F4.email-timers",{"title":52,"path":53,"stem":54,"children":55,"page":29},"Performance and themes","\u002Ftimer\u002Freference","1.timer\u002F3.reference",[56,60,64],{"title":57,"path":58,"stem":59},"Performance notes","\u002Ftimer\u002Freference\u002Fperformance-notes","1.timer\u002F3.reference\u002F1.performance-notes",{"title":61,"path":62,"stem":63},"Theme compatibility","\u002Ftimer\u002Freference\u002Ftheme-compatibility","1.timer\u002F3.reference\u002F2.theme-compatibility",{"title":65,"path":66,"stem":67},"Running several timers at once","\u002Ftimer\u002Freference\u002Frunning-several-timers","1.timer\u002F3.reference\u002F3.running-several-timers",{"title":69,"path":70,"stem":71,"children":72,"page":29},"Billing, privacy, and data","\u002Ftimer\u002Faccount","1.timer\u002F4.account",[73,77,81,85],{"title":74,"path":75,"stem":76},"Billing, trials, and plan changes","\u002Ftimer\u002Faccount\u002Fbilling","1.timer\u002F4.account\u002F1.billing",{"title":78,"path":79,"stem":80},"Privacy and data, what the app stores","\u002Ftimer\u002Faccount\u002Fprivacy-and-data","1.timer\u002F4.account\u002F2.privacy-and-data",{"title":82,"path":83,"stem":84},"Data processing and subprocessors","\u002Ftimer\u002Faccount\u002Fdata-processing-and-subprocessors","1.timer\u002F4.account\u002F3.data-processing-and-subprocessors",{"title":86,"path":87,"stem":88},"Uninstalling TreStack Timer","\u002Ftimer\u002Faccount\u002Funinstalling-trestack-timer","1.timer\u002F4.account\u002F4.uninstalling-trestack-timer",{"title":90,"path":91,"stem":92,"children":93,"page":29},"When something is wrong","\u002Ftimer\u002Ftroubleshooting","1.timer\u002F5.troubleshooting",[94,98],{"title":95,"path":96,"stem":97},"When the timer does not appear","\u002Ftimer\u002Ftroubleshooting\u002Ftroubleshooting-app-blocks","1.timer\u002F5.troubleshooting\u002F1.troubleshooting-app-blocks",{"title":99,"path":100,"stem":101},"When the timer shows in the wrong place or looks wrong","\u002Ftimer\u002Ftroubleshooting\u002Ftroubleshooting-storefront-display","1.timer\u002F5.troubleshooting\u002F2.troubleshooting-storefront-display",{"title":103,"path":104,"stem":105,"children":106},"TreStack Bundles","\u002Fbundles","2.bundles",[107,110,131,160,185,198,219,244],{"title":108,"path":104,"stem":109},"TreStack Bundles docs","2.bundles\u002Findex",{"title":111,"path":112,"stem":113,"children":114,"page":29},"Getting a deal live","\u002Fbundles\u002Fstart","2.bundles\u002F1.start",[115,119,123,127],{"title":116,"path":117,"stem":118},"Getting started with TreStack Bundles","\u002Fbundles\u002Fstart\u002Fgetting-started","2.bundles\u002F1.start\u002F1.getting-started",{"title":120,"path":121,"stem":122},"Deal types and deal bars","\u002Fbundles\u002Fstart\u002Fdeal-types","2.bundles\u002F1.start\u002F2.deal-types",{"title":124,"path":125,"stem":126},"Creating, publishing and managing deals","\u002Fbundles\u002Fstart\u002Fcreating-and-publishing-deals","2.bundles\u002F1.start\u002F3.creating-and-publishing-deals",{"title":128,"path":129,"stem":130},"Development stores and testing safely","\u002Fbundles\u002Fstart\u002Fdevelopment-stores-and-testing","2.bundles\u002F1.start\u002F4.development-stores-and-testing",{"title":132,"path":133,"stem":134,"children":135,"page":29},"Building offers","\u002Fbundles\u002Fdeals","2.bundles\u002F2.deals",[136,140,144,148,152,156],{"title":137,"path":138,"stem":139},"Quantity breaks and Buy X, get Y","\u002Fbundles\u002Fdeals\u002Fquantity-breaks-and-buy-x-get-y","2.bundles\u002F2.deals\u002F1.quantity-breaks-and-buy-x-get-y",{"title":141,"path":142,"stem":143},"Bundles and mix and match","\u002Fbundles\u002Fdeals\u002Fbundles-and-mix-and-match","2.bundles\u002F2.deals\u002F2.bundles-and-mix-and-match",{"title":145,"path":146,"stem":147},"Free gifts and progressive gifts","\u002Fbundles\u002Fdeals\u002Fgifts-and-progressive-gifts","2.bundles\u002F2.deals\u002F3.gifts-and-progressive-gifts",{"title":149,"path":150,"stem":151},"Upsells, add-ons and personalisation","\u002Fbundles\u002Fdeals\u002Fupsells-add-ons-and-personalisation","2.bundles\u002F2.deals\u002F4.upsells-add-ons-and-personalisation",{"title":153,"path":154,"stem":155},"Subscriptions in a deal","\u002Fbundles\u002Fdeals\u002Fsubscriptions","2.bundles\u002F2.deals\u002F5.subscriptions",{"title":157,"path":158,"stem":159},"Products, dates and visibility","\u002Fbundles\u002Fdeals\u002Fproducts-dates-and-visibility","2.bundles\u002F2.deals\u002F6.products-dates-and-visibility",{"title":161,"path":162,"stem":163,"children":164,"page":29},"How a deal looks, and where","\u002Fbundles\u002Fdesign","2.bundles\u002F3.design",[165,169,173,177,181],{"title":166,"path":167,"stem":168},"Designing a deal","\u002Fbundles\u002Fdesign\u002Fdesign","2.bundles\u002F3.design\u002F1.design",{"title":170,"path":171,"stem":172},"Badges, timers and scratch-off","\u002Fbundles\u002Fdesign\u002Fbadges-timers-and-scratch-off","2.bundles\u002F3.design\u002F2.badges-timers-and-scratch-off",{"title":174,"path":175,"stem":176},"Variants, swatches and images","\u002Fbundles\u002Fdesign\u002Fvariants-swatches-and-images","2.bundles\u002F3.design\u002F3.variants-swatches-and-images",{"title":178,"path":179,"stem":180},"Prices, the sticky bar and the savings summary","\u002Fbundles\u002Fdesign\u002Fprices-sticky-bar-and-savings","2.bundles\u002F3.design\u002F4.prices-sticky-bar-and-savings",{"title":182,"path":183,"stem":184},"Translations, currencies and markets","\u002Fbundles\u002Fdesign\u002Ftranslations-and-markets","2.bundles\u002F3.design\u002F5.translations-and-markets",{"title":186,"path":187,"stem":188,"children":189,"page":29},"Prices at checkout","\u002Fbundles\u002Fcheckout","2.bundles\u002F4.checkout",[190,194],{"title":191,"path":192,"stem":193},"How the discount is applied at checkout","\u002Fbundles\u002Fcheckout\u002Fhow-the-discount-is-applied","2.bundles\u002F4.checkout\u002F1.how-the-discount-is-applied",{"title":195,"path":196,"stem":197},"Combining discounts, and store limits","\u002Fbundles\u002Fcheckout\u002Fcombinations-and-limits","2.bundles\u002F4.checkout\u002F2.combinations-and-limits",{"title":199,"path":200,"stem":201,"children":202,"page":29},"Tests and numbers","\u002Fbundles\u002Fmeasure","2.bundles\u002F5.measure",[203,207,211,215],{"title":204,"path":205,"stem":206},"Deal analytics","\u002Fbundles\u002Fmeasure\u002Fanalytics","2.bundles\u002F5.measure\u002F1.analytics",{"title":208,"path":209,"stem":210},"Added revenue","\u002Fbundles\u002Fmeasure\u002Fadded-revenue","2.bundles\u002F5.measure\u002F2.added-revenue",{"title":212,"path":213,"stem":214},"A\u002FB testing a deal","\u002Fbundles\u002Fmeasure\u002Fab-tests","2.bundles\u002F5.measure\u002F3.ab-tests",{"title":216,"path":217,"stem":218},"Smart A\u002FB tests","\u002Fbundles\u002Fmeasure\u002Fsmart-ab-tests","2.bundles\u002F5.measure\u002F4.smart-ab-tests",{"title":220,"path":221,"stem":222,"children":223,"page":29},"Billing, privacy, and when something is wrong","\u002Fbundles\u002Faccount","2.bundles\u002F6.account",[224,228,232,236,240],{"title":225,"path":226,"stem":227},"TreStack Bundles plans and billing","\u002Fbundles\u002Faccount\u002Fplans-and-billing","2.bundles\u002F6.account\u002F1.plans-and-billing",{"title":229,"path":230,"stem":231},"Going over your plan","\u002Fbundles\u002Faccount\u002Fgoing-over-your-plan","2.bundles\u002F6.account\u002F2.going-over-your-plan",{"title":233,"path":234,"stem":235},"Pausing, cancelling and uninstalling","\u002Fbundles\u002Faccount\u002Fpausing-cancelling-and-uninstalling","2.bundles\u002F6.account\u002F3.pausing-cancelling-and-uninstalling",{"title":237,"path":238,"stem":239},"Privacy, data and sub-processors","\u002Fbundles\u002Faccount\u002Fprivacy-and-data","2.bundles\u002F6.account\u002F4.privacy-and-data",{"title":241,"path":242,"stem":243},"When a deal does not show or prices look wrong","\u002Fbundles\u002Faccount\u002Ftroubleshooting","2.bundles\u002F6.account\u002F5.troubleshooting",{"title":245,"path":246,"stem":247,"children":248,"page":29},"Reference","\u002Fbundles\u002Freference","2.bundles\u002F7.reference",[249,252],{"title":57,"path":250,"stem":251},"\u002Fbundles\u002Freference\u002Fperformance-notes","2.bundles\u002F7.reference\u002F1.performance-notes",{"title":253,"path":254,"stem":255},"Theme compatibility and placement","\u002Fbundles\u002Freference\u002Ftheme-compatibility","2.bundles\u002F7.reference\u002F2.theme-compatibility",{"id":257,"title":99,"body":258,"description":449,"extension":450,"links":451,"meta":452,"navigation":453,"path":100,"seo":454,"stem":101,"__hash__":455},"docs\u002F1.timer\u002F5.troubleshooting\u002F2.troubleshooting-storefront-display.md",{"type":259,"value":260,"toc":432},"minimark",[261,276,306,311,314,317,321,324,327,331,334,337,341,344,348,381,385,413,417,420],[262,263,264,268,269,272,275],"p",{},[265,266,267],"strong",{},"Applies to:"," TreStack Timer, every plan",[270,271],"br",{},[265,273,274],{},"Updated:"," 26 September 2026",[277,278,279,284],"callout",{},[262,280,281],{},[265,282,283],{},"At a glance",[285,286,287,294,300],"ul",{},[288,289,290,293],"li",{},[265,291,292],{},"Wrong place:"," Use a custom position",[288,295,296,299],{},[265,297,298],{},"Wrong font:"," Theme or web font",[288,301,302,305],{},[265,303,304],{},"Old version:"," Reload, then page cache",[307,308,310],"h2",{"id":309},"the-timer-is-in-the-wrong-place","The timer is in the wrong place",[262,312,313],{},"Automatic spots are fixed per timer type: the end of the Add to cart form for a product timer, the top or bottom of the page for a bar, the top of the page content for a landing timer, and the top of the cart and cart drawer for a cart timer. There is no margin to adjust on them.",[262,315,316],{},"For anywhere else, set the timer to Custom position and place the app block. The block renders exactly where it sits among your theme sections, so move the block rather than adding space around it.",[307,318,320],{"id":319},"it-looks-different-from-the-preview","It looks different from the preview",[262,322,323],{},"The preview and the storefront use the same rendering code, so a difference usually comes from the font. System fonts only show if the shopper device has them installed, and otherwise fall back. The bundled web fonts load wherever the timer shows, and Use your theme fonts follows your theme.",[262,325,326],{},"A background image has to be in your Shopify Files, which is where the app uploads it. A suggested image from the library is imported there too.",[307,328,330],{"id":329},"bars-and-the-page-around-them","Bars and the page around them",[262,332,333],{},"A bottom bar pads the bottom of the page by its own height, so it does not cover your footer. Sticky is an option for a top bar only. If your theme has its own announcement bar, decide which one carries the message while the timer runs.",[262,335,336],{},"The timer is added once the page has loaded, so on some themes the content below it moves down a little as it appears. In our measurement on Horizon, layout shift was the same with and without the app. If it is noticeable on your theme, send us the URL.",[307,338,340],{"id":339},"the-storefront-shows-an-old-version","The storefront shows an old version",[262,342,343],{},"A publish reaches your storefront after a short delay. Reload, then try a private window to rule out your own browser, then clear any page cache app in front of your storefront. For a per visitor countdown, remember an edit starts every visitor again, which can look like the old timer coming back.",[307,345,347],{"id":346},"fixing-the-appearance-in-four-steps","Fixing the appearance, in four steps.",[349,350,352,357,360,364,367,371,374,378],"steps",{"level":351},"3",[353,354,356],"h3",{"id":355},"reload-in-a-private-window","Reload in a private window",[262,358,359],{},"This clears your own browser from the picture before you look at anything else.",[353,361,363],{"id":362},"decide-automatic-or-custom","Decide automatic or custom",[262,365,366],{},"If the automatic spot is wrong for your page, switch to Custom position and place the block.",[353,368,370],{"id":369},"check-the-font","Check the font",[262,372,373],{},"Use your theme fonts or a web font, rather than a system font the shopper may not have.",[353,375,377],{"id":376},"check-on-a-real-phone","Check on a real phone",[262,379,380],{},"A resized desktop window is not the same as a phone. Send us the URL if it is still wrong.",[307,382,384],{"id":383},"settings-reference","Settings reference",[386,387,388,393,397,401,405,409],"field-group",{},[389,390,392],"field",{"name":391},"Automatic spots","Fixed per timer type. Use a custom position for anywhere else.",[389,394,396],{"name":395},"App block position","Where the block sits among your theme sections. Move the block, not the margins.",[389,398,400],{"name":399},"Fonts","Theme font, a bundled web font, or a system font that shows only where the device has it.",[389,402,404],{"name":403},"Bottom bar","Pads the page by its own height so the footer stays visible.",[389,406,408],{"name":407},"Sticky","Top bar only.",[389,410,412],{"name":411},"Accessibility","The clock is marked as a timer, so a screen reader reads it with unit names when the shopper reaches it rather than every second. The bar is a named region with a labelled close button, in English only for now.",[307,414,416],{"id":415},"if-this-does-not-work","If this does not work",[262,418,419],{},"The failures most likely on this procedure, with the check that resolves each one.",[421,422,423,428],"accordion",{},[424,425,427],"accordion-item",{"label":426},"The timer overflows sideways on a narrow screen","Try the Inline layout or smaller digits first. If it still overflows, that is ours to fix: send the URL and the timer name.",[424,429,431],{"label":430},"You cannot tell whether another app is interfering","Duplicate your theme, turn on only our app embed in the copy, and preview it. If the copy is clean, turn the other apps back on one at a time. It is slower than guessing and it ends with an answer.",{"title":433,"searchDepth":434,"depth":434,"links":435},"",2,[436,437,438,439,440,447,448],{"id":309,"depth":434,"text":310},{"id":319,"depth":434,"text":320},{"id":329,"depth":434,"text":330},{"id":339,"depth":434,"text":340},{"id":346,"depth":434,"text":347,"children":441},[442,444,445,446],{"id":355,"depth":443,"text":356},3,{"id":362,"depth":443,"text":363},{"id":369,"depth":443,"text":370},{"id":376,"depth":443,"text":377},{"id":383,"depth":434,"text":384},{"id":415,"depth":434,"text":416},"Automatic spots, custom positions, fonts, a bottom bar over the footer, and a storefront showing an old version. What to check, in order.","md",null,{},true,{"title":99,"description":449},"GaJbXXtf2vs5f0fId29jc5obqIBD-yIuJ3_dv6LJDn4",[457,459],{"title":95,"path":96,"stem":97,"description":458,"children":-1},"A timer is published and the storefront does not show it. The causes, in the order worth checking, from the app embed to the page it is on.",{"title":108,"path":104,"stem":109,"description":460,"children":-1},"Setting up deals, building offers, design, checkout prices, tests, billing, privacy and troubleshooting for TreStack Bundles.",1791656485646]