Wix Code noob needs help with Preloader!

Discussion Ask a question
,
1

Hi there, can someone help me with explaining how I can integrate a preloader on the page of my webshop?

The explanation here: https://www.wix.com/code/home/example/Preloader doesn’t help me further. Do I need to copy that piece of code? And where do I paste it?

Thanks in advance!

2

Hey
Click the Open In Editor button on that sample page and you will see what element you need to add to your page and also where to place the code.

732×318 3.59 KB

I hope you find it good. It is the whole point the Wix team added Open In Editor so you and me can see hoe they did it and how it works.

3

Hi Andreas! I did that, but then I get the preloader on a random ‘home’ page. (See image)

1496×623 35.4 KB

How can I move that to my ‘Webshop page’ and where do I have to paste the piece of coding?

4

@morganegielen Hey
You need to follow the instructions closely.

  1. The code is on the sample page and you need to paste that code into your own page at the same place as in the “new” site you get when you have clicked Open In Editor.

  2. Then you need to “make” your loader. The loader is just some element that will show up on the site as you will see in the code when you use .show(). So you can look in the “new” site you get and see what kind of elements is used and redo that on your site.

But remember and understand, the pre loader is not something you just add to your site, you will need to add both the correct object and the correct code to make it work.

If you have no idea on how to make this work I would suggest you go to the Wix Arena and hire a Wix Coder that can help you fix the pre loader in around 15 minutes.

But making it with no understanding of Wix Code is not that easy as one could think. I should first go through some of the basics in Wix Code so you will get a feeling of how to connect and use page elements and so first before I start to copy and paste code that I have no idea what it will do.

This is a great starting point.