Parallax Effect In Prestashop [Solved]

[LazyCircles]

Hi everyone,
 
First of all, Im new to Prestashop, sorry for my little knowledge...
I want to add a parallax effect in the landing page of a website and to do that I'm using a third party library, my problem is that preshop somehow doesn't reproduce the effect... (I have it working in a simple .html file)
 
I get all images in place, no javascript or library errors. only a warning "The deviceorientation event is deprecated on insecure origins".
 
I'm including the scripts in the footer of the page (it has to be after the html).
 
The library I'm using is parallax.js by Matthew Wagerfield.
 
Can someone give me a clue why is this happening?
 
Best regards,
Bruno

Edited February 2, 2016 by LazyCircles (see edit history)

[yaniv14]

How do you try to embed it in your landing page?

Did you created a module and hooked it to displayHome?

[LazyCircles]

I inserted code in the html field at edit template menu from the default prestashop theme, no success.

 

Then I tried in html field inside CMS block and still no sucess.

 

I'm calling the library and the variable declaration inside footer.tpl file. 

 

No module was created, do I have to do it?

 

Thanks!

Edited February 1, 2016 by LazyCircles (see edit history)

[yaniv14]

You don't have to create a module, it's just a better approach to do it instead of modifying core files, also its easier to enable/disable from back office.

Do you get any errors in the console log?

Do you see the lib files loading?

Can you post your site url?

 

btw: you can you this free module to insert your html, css & js -> https://mypresta.eu/modules/front-office-features/html-box.html

[LazyCircles]

You don't have to create a module, it's just a better approach to do it instead of modifying core files, also its easier to enable/disable from back office.

Do you get any errors in the console log?

Do you see the lib files loading?

Can you post your site url?

 

btw: you can you this free module to insert your html, css & js -> https://mypresta.eu/modules/front-office-features/html-box.html

YEII!

I managed to get it working, i used a different parallax lib and its working like a charm, somehow the one I was using before isn't compatible with prestashop.

Thanks for the support Yaniv14

 

btw html box looks good its something similiar to tinymce, Am I right? 

Thanks!

 

Best Regards,

Bruno

[yaniv14]

HTML Box is a module that allow you to implant html areas into Prestashop hooks.

HTML Box comes with tinymce for textarea field.

 

Tinymce is a Javascript WYSIWYG editor which make it easier to create html content without the need of knowing html tags and css.

 

You cannot compare them because they are completely different things.

 

I am glad to hear that you managed to fix your parallax issue.

 

Good luck with your shop

[LazyCircles]

HTML Box is a module that allow you to implant html areas into Prestashop hooks.

HTML Box comes with tinymce for textarea field.

 

Tinymce is a Javascript WYSIWYG editor which make it easier to create html content without the need of knowing html tags and css.

 

You cannot compare them because they are completely different things.

 

I am glad to hear that you managed to fix your parallax issue.

 

Good luck with your shop

Humm ok got it! HTML Box hooks the content from the textarea field into the shop, tinymce is just the text editor

Thanks again!