{"product_id":"trio-background-scroll","title":"Trio Background Scroll","description":"\u003cdiv class=\"qMYqUG_convSearchResultHighlightRoot\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cdiv class=\"relative w-full overflow-visible\"\u003e\n\u003csection dir=\"auto\" class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\" dir=\"auto\" tabindex=\"0\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling\"\u003e\n\u003cp\u003eDEMO LINK: \u003ca href=\"https:\/\/trio-background-scroll.showitpreview.com\/\"\u003ehttps:\/\/trio-background-scroll.showitpreview.com\/\u003c\/a\u003e\u003cbr\u003e\u003cbr\u003eTrio Background Scroll creates a cinematic scrolling experience for your Showit website where imagery transitions behind your messaging as visitors move through the page.\u003c\/p\u003e\n\u003cp\u003eRather than breaking your story across multiple sections, this component keeps your message front and center while a sequence of images and videos creates movement, atmosphere, and visual depth around it.\u003c\/p\u003e\n\u003cp\u003eThe result feels immersive, editorial, and intentionally designed — transforming a simple section into a memorable moment that encourages visitors to slow down and engage with your content.\u003c\/p\u003e\n\u003cp\u003ePerfect for anyone looking to add a more elevated visual experience rather than a standard background image.\u003c\/p\u003e\n\u003cp\u003eYOU CAN CUSTOMIZE:\u003c\/p\u003e\n\u003cp\u003e• Replace all images with your own\u003cbr\u003e• Use images, videos, or a combination of both\u003cbr\u003e• Update all text and typography\u003cbr\u003e• Adjust overlay colors and opacity\u003cbr\u003e• Change canvas heights (window height preferred) and spacing\u003cbr\u003e• Customize the design to match your brand\u003c\/p\u003e\n\u003cp\u003eWHAT'S INCLUDED:\u003c\/p\u003e\n\u003cp\u003eInstall the Showit page in minutes using Showit's Share Key. A detailed instruction guide is included to walk you through setup and customization.\u003c\/p\u003e\n\u003cp\u003eSimply replace the content with your own images, videos, and text, then publish your website.\u003c\/p\u003e\n\u003cp\u003ePlease note: No coding required. This is a multi canvas design.\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ShowCode Studio","offers":[{"title":"Default Title","offer_id":45188890001478,"sku":null,"price":10.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0709\/7588\/1286\/files\/ShowCodeStudio-TrioBackgroundScroll.gif?v=1781670748","url":"https:\/\/showcodestudio.com\/products\/trio-background-scroll","provider":"ShowCode Studio","version":"1.0","type":"link"}