{"title":"Announcement Bar \u0026 Top Bar","description":"\u003cp\u003eAnnouncement Bar \u0026amp; Top Bar work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 239 announcement bar \u0026amp; top bar requests for merchants, including work on Turbo, Symmetry, Impulse and Launch. Typical turnaround is 1 to 2 business days. Below are 5 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"free-shipping-announcement-bar-symmetry","title":"Free Shipping Announcement Bar","description":"\u003cp class=\"task-lead\"\u003eA brand had no free shipping bar and wanted one to encourage larger orders.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI don't have a free shipping bar. I'd like to add one to encourage people to add more to their cart and show how far they are from free shipping.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA proven conversion tactic the theme didn't offer.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added an announcement bar that shows the amount remaining until free shipping, updates as items are added, and celebrates when the threshold is reached. The threshold is set in the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFree shipping progress in the announcement bar\u003c\/li\u003e\n\u003cli\u003eUpdates as the cart changes\u003c\/li\u003e\n\u003cli\u003eThreshold set in the theme editor\u003c\/li\u003e\n\u003cli\u003eAlso shown in the cart drawer\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155683110986,"sku":"TASK-0196","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-dropdown-and-menu-to-top-bar-impulse","title":"Add Dropdown and Menu to Top Bar","description":"\u003cp class=\"task-lead\"\u003eA retailer's top bar had a language menu with flag icons and a currency menu without. They wanted flags on both.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eIn the top bar there's a language menu and a currency menu. Add the flag icons from the language menu to the currency menu too.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eVisual consistency in the top bar.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added matching flag icons to the currency dropdown so both menus in the top bar look and behave the same.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFlag icons on the currency menu\u003c\/li\u003e\n\u003cli\u003eMatches the language menu\u003c\/li\u003e\n\u003cli\u003eConsistent on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155688190026,"sku":"TASK-0237","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"mobile-specific-top-bar-behavior-turbo","title":"Mobile-Specific Top Bar Behavior","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted the mobile announcement bar changed: shorter text, no word Menu on the hamburger, and three lines instead of a labeled button.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eOn mobile, remove the word Menu and just show the three lines. And the announcement bar text is too long for mobile. Show a shorter version there.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMobile details that felt cluttered.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe removed the Menu label from the mobile hamburger and added a separate short announcement text for mobile, set from the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMenu label removed on mobile\u003c\/li\u003e\n\u003cli\u003eSeparate short announcement text for mobile\u003c\/li\u003e\n\u003cli\u003eBoth set in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155694940234,"sku":"TASK-0292","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-rotating-and-multiple-messages-launch","title":"Add Rotating and Multiple Messages","description":"\u003cp class=\"task-lead\"\u003eA brand wanted the announcement bar to rotate through several messages instead of showing one.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe have three promotions running. The announcement bar shows one. We want it to rotate through all three with a short pause on each.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eOne bar, three messages.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the announcement bar rotate through multiple messages with a set pause, arrows to move manually, and each message managed from the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eRotating announcement messages\u003c\/li\u003e\n\u003cli\u003ePause duration set in the theme editor\u003c\/li\u003e\n\u003cli\u003eManual arrows\u003c\/li\u003e\n\u003cli\u003eMessages editable individually\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155696152650,"sku":"TASK-0316","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"country-and-currency-switcher-in-top-bar-turbo","title":"Country and Currency Switcher in Top Bar","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted the country and currency switchers in the top bar to show flags and work together.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe top bar has a language menu and a currency menu. Add flags to both, and when someone picks a country, set the currency automatically.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eTwo switchers that should have been one decision.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added flags to both menus and linked them so selecting a country sets the matching currency, with manual override still available.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFlags on language and currency menus\u003c\/li\u003e\n\u003cli\u003eCountry selection sets currency\u003c\/li\u003e\n\u003cli\u003eManual override preserved\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155697889354,"sku":"TASK-0344","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/announcement-bar-top-bar.oembed","provider":"TaskHusky","version":"1.0","type":"link"}