YodaStudio Posted May 21, 2014 Share Posted May 21, 2014 Hello everybody, I've just started using PrestaShop and I'm trying to customize the default theme. Is it possibile to change the home page's slider transition? I can't find any documentation about it. Thanks Link to comment Share on other sites More sharing options...
misthero Posted May 21, 2014 Share Posted May 21, 2014 you have to modify the homslider files creating an override in your theme folder, the file you have to modify is this: modules / homeslider / js / homeslider.js the options are like this: $('#homeslider').bxSlider({ useCSS: false, maxSlides: 1, slideWidth: homeslider_width, infiniteLoop: homeslider_loop, hideControlOnEnd: true, pager: false, autoHover: true, auto: homeslider_loop, speed: homeslider_speed, pause: homeslider_pause, controls: true }); you can add there the variable mode: 'transition-name' accepted transition names are: 'horizontal''vertical''fade' 1 Link to comment Share on other sites More sharing options...
YodaStudio Posted May 21, 2014 Author Share Posted May 21, 2014 Thanks for your help but I can't get it working. I guess there's something wrong about the syntax. I tried all the following commands (not all at once, obviously) with no results: transition-name: fade, transition-name: 'fade', transitionName: fade, transitionName: 'fade', transition: fade, transition: 'fade', What's wrong with that? Thanks Link to comment Share on other sites More sharing options...
misthero Posted May 21, 2014 Share Posted May 21, 2014 it is mode: 'transition-name' where transition-name is the name of your transition Link to comment Share on other sites More sharing options...
YodaStudio Posted May 21, 2014 Author Share Posted May 21, 2014 Sorry, it was my fault. Even it's clear now I still can't get it working, it looks like the fle you indicated (modules/homeslider/js/homeslider.js) doesn't get read, I even deleted it and the slider is still working. I cleared the cache repeatedly but really nothing happened. I think there's something I don't understand... Link to comment Share on other sites More sharing options...
misthero Posted May 21, 2014 Share Posted May 21, 2014 (edited) than probably a copy of that file exists in your theme folder something like: theme/default/js/modules/homslider/homeslider.js?? anyway you can use my module if you want, it works in similar way but you can change the effects and more from backoffice it is in my signature Edited May 21, 2014 by misthero (see edit history) Link to comment Share on other sites More sharing options...
YodaStudio Posted May 21, 2014 Author Share Posted May 21, 2014 You're right, there's a copy of homeslider.js into themes/default/js/modules/homeslider/js but I still can't get it working. I'd like to use your module but I'm not too familiar with PrestaShop custom modules, I don't know how to install and handle with them. I don't want to mess up everything. Link to comment Share on other sites More sharing options...
misthero Posted May 21, 2014 Share Posted May 21, 2014 any module is installed the same way, extract it in modules/ folder and you are done than you will find it in backoffice with all the other modules Link to comment Share on other sites More sharing options...
YodaStudio Posted May 21, 2014 Author Share Posted May 21, 2014 Ok, I'll give it a try as soon as I'm done with the rest of the layout. Thanks a lot. Link to comment Share on other sites More sharing options...
gucions Posted February 15, 2021 Share Posted February 15, 2021 all right, it works thx @misthero 💖 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now