{"product_id":"2026-04-07","title":"[Horizon] Display a \"free shipping progress\" bar on the cart page","description":"\u003cp\u003eThis is a setup example for displaying a \"X more to free shipping\" bar on the cart page. No theme files need to be edited — just paste the code into a Custom Liquid section. It supports Horizon's Section Hydration (\u003ccode\u003ecart:update\u003c\/code\u003e event), so the amount updates instantly when items are added or removed without a page reload.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003ch3\u003ePreview\u003c\/h3\u003e\n\u003cp\u003eThe remaining amount is shown above the checkout button. Once the free shipping threshold is reached, it switches to \"Free shipping unlocked!\"\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"Cart page showing free shipping progress bar in two states: incomplete and reached\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-07_1_en.png\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003ch3\u003eSetup Steps\u003c\/h3\u003e\n\u003cp\u003eAdd a Custom Liquid block to the cart template in the theme editor and paste in the sample code. Only 2 values need to be configured.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"Adding a Custom Liquid block to the cart template in the theme editor\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-07_2_en.png\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003ch3\u003eConfiguration Values\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ccode\u003eFREE_SHIPPING_THRESHOLD\u003c\/code\u003e — The free shipping threshold amount (in JPY). Default: \u003ccode\u003e15000\u003c\/code\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ccode\u003eLINK_URL\u003c\/code\u003e — The destination URL for the \"Browse more items\" link. Set to \u003ccode\u003e''\u003c\/code\u003e to hide the link\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eThe bar re-renders correctly when the page is restored from bfcache (browser back\/forward cache)\u003c\/li\u003e\n\u003cli\u003eThe bar is injected immediately before \u003ccode\u003e.cart__ctas\u003c\/code\u003e (the checkout button wrapper). If the theme update changes this class name, a code update will be needed\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48666887979259,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-07_8fa9623e-3194-4963-acb6-449febb4f102.png?v=1775968725","url":"https:\/\/store-dojo.com\/en-us\/products\/2026-04-07","provider":"STORE DOJO","version":"1.0","type":"link"}