how to make this ?

Graphic Design and Parallax

That’s dome using JavaScript, and before you ask I’d be about 99.999999% sure that there’s no pre-built plugin that will do that for you.

Overall the effect isn’t really that hard to do, but will take a few calculations on your part. You’d want to start off looking at jQuery and JavaScript maths functions, and then play around with it and see what you can come up with.

haha im not sure even what to call this to start looking but i bought a theme , its a woocommerce theme, if i find the pre built plug in; how would i add it to the page ? right now i’m using short codes to pull products to the home page.

if i find the pre built plug in; how would i add it to the page

You’d need to check the info from the plugin to know. There’s a lot of ways that it could be done, so there’s no way to know that without knowing exactly what you’re going to use.

i see, ok so i would search javascript word press plugin, my fear when buying theme would be modifying it and that i would have to loop througe code to get it done, does my fear sound right ? ??

This is the theme https://flatsome.uxthemes.com/

You might need to. There’s a lot of code that you’d need to write, and I don’t think much, if any, of it will have anything to do with your theme.

I think i found something i can play with that is similar to what i want on the Pencil link above, its this https://scrollme.nckprsn.com/

But quick question, when i press the button on top “play on codepen” it gives me 3 things, HTML< CSS and JS, do all these work hand and hand or do i neeed to edit and use one ?

You will need all of them. The HTML for the actual base layout, the CSS for styling and the JavaScript for the animation.