Request to replicate a scrolling background gradient effect like theartarium.com on a Shopify store. The store URL and password were shared for reference.
Proposed approach: use the AOS (Animate On Scroll) library for scroll-based transitions. Suggested steps: add AOS assets in theme.liquid, then apply AOS attributes to the relevant sections/elements to trigger effects on scroll.
Key resources: AOS documentation/demo link provided for choosing transitions. An example snippet was mentioned, indicating where to reference AOS in content sections, though full code details were minimal.
Notes: AOS is an external JS/CSS library that animates elements when they enter the viewport. Links and the example code placement are central for implementation.
Status: No confirmation of implementation or results yet; the thread remains open with the initial solution suggestion pending follow-up or validation.
hello friends, i am trying to create a background gradient effect visible on scroll in my store similar to https://theartarium.com/
can any one please help me with that.
my store link : https://moortikar.myshopify.com/
store password: rtebra
Looking forward for the solution. Thanks in advance.
Hi,
Perhaps the easiest way, depending on your theme would be to use an external library like AOS.
If any of these transitions work for you: https://michalsnik.github.io/aos you could install AOS in the theme.liquid and then reference them in each section you need.
E.G:
Content Section
Hope that helps,
Liam