How can I customize my homepage for a dynamic visual effect?

Store Design
1

Hello I want to design a home page like on this website → https://siran.world/

When scrolling down, The image banner going to be a background and the background transparency is changing.

Is it possible? and how can I do it?

Thank you for helping me :slightly_smiling_face:

2

That is definitely possible, but will require quite some budget to get done. Unless you can find a theme that has something similar and you can make slight modifications to get that desired effect. Not sure how large your budget is.

3

Thank you for your response,

I have a large budget actually, I can buy a theme if included this feature or I can take other options.

So is it called Parallax Effect (I am not sure I just did small research? How can I do this with any apps or etc? Can you help me :slightly_smiling_face:

Thank you so much

4

@obxac I think you should search for a theme that looks the closest to what you want layout wise, minus the background / initial animation. Then ask a developer or someone that’s good at customizing themes to edit the existing theme to work the same as the one you linked. A theme that comes close layout wise is below.

https://karic-shop.myshopify.com/?fts=0

I know some developers that could do that, but depends on your budget. If you want me to check, please send me a direct message with your budget and I’ll see what I can do. If not, good luck!

5

This is not a parallax effect, they’ve used the word and theme framework feature in making this but not what this is. Parallax is more about orchestration of moving multiple elements in relation to each other or an action.

All this is is a large static fixed background image with an opacity change by adding a class when the site scrolls.

Basically

if ( window.scrollY  > window.height() ) {
 var fadeElement = document.getElementsByClassName('bg')[0];
 fadeElement.classList.add('opaque');
}

The example theme seems to use the obsolete timber framework but not clear if it’s an old shopify theme or a completely bespoke theme.

If you already have a theme and need this customization contact me with project details.