{"title":"Shopify codes and templates","description":"","products":[{"product_id":"barre-defilante-pour-themes-shopify","title":"Scroll bar for Shopify themes","description":"\u003cp data-end=\"480\" data-start=\"386\"\u003e Give your store some punch and transform your messages into a captivating visual experience.\u003c\/p\u003e\n\n\u003cp data-end=\"480\" data-start=\"386\"\u003e Do you want to display several important announcements without cluttering your header?\u003cbr data-end=\"567\" data-start=\"564\"\u003e Do you want a professional, seamless look that's perfectly integrated with your theme (yes, even Horizon 👀)?\u003c\/p\u003e\n\n\u003cp data-end=\"480\" data-start=\"386\"\u003e And most importantly… you want to avoid monthly apps that slow down your site?\u003c\/p\u003e\n\n\u003cp data-end=\"784\" data-start=\"742\"\u003e Breathe. I have exactly what you need.\u003c\/p\u003e\n\n\u003cp data-end=\"1036\" data-start=\"786\"\u003e Here's \u003cstrong data-end=\"821\" data-start=\"792\"\u003ethe Animated Scrolling Bar\u003c\/strong\u003e : a Shopify 2.0\/3.0 section that lets you display between \u003cstrong data-end=\"902\" data-start=\"883\"\u003e1 and 5 messages\u003c\/strong\u003e that slide smoothly from one side to the other… a bit like the illuminated signs in a city center, but a chic and minimalist version.\u003c\/p\u003e\n\n \u003cp data-end=\"1161\" data-start=\"1038\"\u003eNo code to write. No application to install.\u003cbr data-end=\"1093\" data-start=\"1090\"\u003e You add the section → you customize it → you publish.\u003cbr data-end=\"1150\" data-start=\"1147\"\u003e That's all.\u003c\/p\u003e\n\n\u003ch2 data-end=\"1185\" data-start=\"1123\"\u003e My theme is premium. Which family does it belong to?\u003c\/h2\u003e\n\n\u003cp data-end=\"1347\" data-start=\"1187\"\u003e Even if the paid themes are not “Dawn” or “Horizon”, \u003cstrong data-end=\"1306\" data-start=\"1247\"\u003ethey necessarily use one of these two architectures\u003c\/strong\u003e .\u003cbr data-end=\"1310\" data-start=\"1307\"\u003e There is no third family.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli data-end=\"1424\" data-start=\"1351\"\u003e The themes released \u003cstrong data-end=\"1391\" data-start=\"1369\"\u003ebetween 2021 and 2024\u003c\/strong\u003e are almost all → \u003cstrong data-end=\"1422\" data-start=\"1412\"\u003eOS 2.0\u003c\/strong\u003e\n\n\u003c\/li\u003e\n\n\u003cli data-end=\"1424\" data-start=\"1351\"\u003e Themes released \u003cstrong data-end=\"1462\" data-start=\"1445\"\u003ein late 2024–2025\u003c\/strong\u003e tend to adopt → \u003cstrong data-end=\"1492\" data-start=\"1481\"\u003eHorizon\u003c\/strong\u003e\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cp data-end=\"1638\" data-start=\"1494\"\u003e You can check on the theme's page: If the release date or major update is \u003cstrong data-end=\"1602\" data-start=\"1588\"\u003ebefore 2024\u003c\/strong\u003e , it's almost certainly OS 2.0.\u003c\/p\u003e","brand":"Mélodie Lambert au gré du web","offers":[{"title":"Horizon Architecture Themes (2024+) \/ French","offer_id":47192699666650,"sku":null,"price":20.0,"currency_code":"CAD","in_stock":true},{"title":"Horizon Architecture Themes (2024+) \/ English","offer_id":47218836013274,"sku":null,"price":20.0,"currency_code":"CAD","in_stock":true},{"title":"Horizon Architecture Themes (2024+) \/ Spanish","offer_id":47218836111578,"sku":null,"price":20.0,"currency_code":"CAD","in_stock":true},{"title":"Shopify OS 2.0 Themes \/ French","offer_id":47192699699418,"sku":null,"price":20.0,"currency_code":"CAD","in_stock":true},{"title":"Shopify OS 2.0 Themes \/ English","offer_id":47218836046042,"sku":null,"price":20.0,"currency_code":"CAD","in_stock":true},{"title":"Shopify OS 2.0 Themes \/ Spanish","offer_id":47218836144346,"sku":null,"price":20.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/4858\/0058\/files\/Barre_dfilante_pour_thmes_Shopify_page1.png?v=1765488625"},{"product_id":"banniere-compte-a-rebours-section-shopify","title":"Countdown Banner - Shopify Section","description":"\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eCountdown Banner — Shopify Section\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eAdd a sense of urgency to your promotions with this fully customizable timer banner section. Install it in seconds into any Shopify OS 2.0 or Horizon-based theme and configure everything directly from the visual editor, no code required.\u003c\/p\u003e\n\u003chr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\"\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eWhat you get\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eAn eye-catching banner displayed at the top (or anywhere) of your store, composed of three elements: a call-to-action text, a real-time countdown (days \/ hours \/ minutes \/ seconds), and a clickable button to your promotion.\u003c\/p\u003e\n\u003chr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\"\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eFull Customization in the Visual Editor\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStart and end dates\u003c\/strong\u003e configurable with separate menus (day, month, year, hour, minute)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAutomatic visibility. \u003c\/strong\u003eThe section hides before the start date and\/or after the countdown expires\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4 adjustable colors.\u003c\/strong\u003e Background, text, button, button text\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTheme fonts.\u003c\/strong\u003e Uses the theme's font list, with override option\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSize of each element\u003c\/strong\u003e individually adjustable (text, numbers, labels, button)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTimer style.\u003c\/strong\u003e Option to display a \"card\" background behind the numbers, with choice of shape (square, rounded, pill) and color\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eButton shadow.\u003c\/strong\u003e 4 intensities to choose from (none, light, medium, pronounced)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdjustable top and bottom inner margins\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFully configurable URL and button\u003c\/strong\u003e, with option to open in a new tab\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\"\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e1-step Installation\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eDrop the \u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003e.liquid\u003c\/code\u003e file into your theme's \u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003esections\/\u003c\/code\u003e folder. The section immediately appears in the editor under the name \u003cstrong\u003e\"Timer banner\"\u003c\/strong\u003e.\u003c\/p\u003e\n\u003chr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\"\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eCompatibility\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eShopify OS 2.0+ and newer themes (Dawn, Prestige, Impulse, Focal, Warehouse, Horizon, etc.) · Vanilla JavaScript, no dependencies · Mobile responsive included · Can be added up to 2 times per page\u003c\/p\u003e","brand":"Mélodie Lambert au gré du web","offers":[{"title":"French","offer_id":47704850170074,"sku":null,"price":5.0,"currency_code":"CAD","in_stock":true},{"title":"English","offer_id":47704850202842,"sku":null,"price":5.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/4858\/0058\/files\/banniere-decompte-image-1.png?v=1774450256"}],"url":"https:\/\/augreduweb.com\/en\/collections\/codes-et-templates-shopify.oembed","provider":"Mélodie Lambert au gré du web","version":"1.0","type":"link"}