This section is available on ✨ Zest version 9.0.0 onwards. See our Changelog
Enhance your website with the Layered Images section, a visually engaging feature that creates a smooth, overlapping transition as users scroll. This effect adds movement, depth, and storytelling power to your brand’s imagery, making your website feel more immersive and high-end.
Instead of images staying fixed in their place, this section allows them to collapse into each other, creating a seamless transition. As the user scrolls, one image subtly layers over the previous one, maintaining a smooth and immersive browsing experience. This effect is perfect for:
Telling a brand story through images
Showcasing multiple product shots in an elegant way
Creating a visually engaging landing page
#How to add a Layered images section to your Shopify store
Steps:
In the theme editor (Customize) > click Add section
Select the Image ratio for the layered images and control how your text and other design elements are arranged around the images by using the Vertical alignment setting.
_HgsA8MCH.jpg)
