Integrating Parallax effect on PS 1.6.

[keito]

Hello guys,

 

I am having trouble connecting the Parallax effect on PrestaShop. I am currently coding for my website's new theme. Please help me.  

 

This is the link for the parallax  - Page Transition

 

http://tympanus.net/Development/PageTransitions/  --> CHOOSE TRANSITIONS -> ROTATE -> ROOM

 

 

--> I actually paste the code in my theme folder's name/index.tpl

--> I override the classes/controller/FrontController.php to insert or link my CSS and JS files.

[sooroos]

Hello,

Please read the documentation before trying to override something here.
http://doc.prestashop.com/display/PS16/Overriding+default+behaviors

Frequently Asked Questions

Q: I added an override file but it seems to be ignored by PrestaShop
A: You need to trigger the regeneration of the /cache/class_index.php file. This is done simply by deleting the file. It is the same when manually removing an override: in order to reinstate the default behavior, you must delete the /cache/class_index.php file.

[keito]

Hello,

 

Please read the documentation before trying to override something here.

http://doc.prestashop.com/display/PS16/Overriding+default+behaviors

 

Frequently Asked Questions

 

Q: I added an override file but it seems to be ignored by PrestaShop

A: You need to trigger the regeneration of the /cache/class_index.php file. This is done simply by deleting the file. It is the same when manually removing an override: in order to reinstate the default behavior, you must delete the /cache/class_index.php file.

I already delete the /cache/class_index.php file.. still nothing happens, prestashop still ignores my css and js file.

[keito]

And what place and file can I insert this code?

 

<script type="text/javascript">

//make the functio bounce with .animate, because jquery fucking ui wont work

var btnBounce = function (){

$('.scrollDown').animate({'top' : '-=20px'}, 'fast');

$('.scrollDown').animate({'top' : '+=20px'}, 'fast');

$('.scrollDown').animate({'top' : '-=20px'}, 'fast');

$('.scrollDown').animate({'top' : '+=20px'}, 'fast');

 

setTimeout(function() {

      btnBounce(); //do function after 3sec

}, 3000);

}

 

btnBounce(); //call function

 

var s = skrollr.init({

edgeStrategy: 'set',

easing: {

WTF: Math.random,

inverted: function(p) {

return 1-p;

},

smoothScrolling: true,

}

});

 

$(".btn").click(function ( event ){

event.preventDefault();

 

$(".scene2").hide(400);

$(".scene3").delay(500).show(800).css({'width' : '100%', 'height' : '100%'});

 

});

 

</script>