Scroll and fix
The Scroll and fix section offers a dynamic layout where a list of products scrolls vertically on one side of the screen, while a fixed image remains visible on the opposite side. The sticky image stays in place during scroll until all product cards are viewed, creating an engaging and immersive product showcase.
How to Configure the Scroll and Fix
In Shopify admin, go to Online Store → Themes.
Click Customize next to the Elemento theme.
In the theme editor, navigate to the desired page template using the top preview dropdown.
In the left sidebar, click Add section, then select Scroll and Fix, or locate it if it’s already added.
You can drag and drop this section to reorder it on the page.
Click Save.
Section Settings
Setting
Type
Description
Image
Image selector
Image that will remain fixed on desktop view while scrolling through products.
Image (mobile)
Image selector
Alternative image shown on mobile devices.
Content reverse
Checkbox
Flips the layout — positions the image on the left and product list on the right.
Blocks
Product
You can add multiple Product blocks. Each displays one product in the scrolling list.
Setting
Type
Description
Product
Product selector
Choose a product to display.
This section is perfect for storytelling or campaigns, where the fixed image reinforces branding or mood while visitors explore related products.