Jump to content

HomeSlider module Prestashop 1.6

Recommended Posts

Ah, OK,

Try the following:


edit file: themes/default-bootstrap/js/modules/homeslider/js/homeslider.js   (Make backup!!!)



if (!!$.prototype.bxSlider)
      useCSS: false,
      maxSlides: 1,
      slideWidth: homeslider_width,
      infiniteLoop: homeslider_loop,
      hideControlOnEnd: true,
      pager: true,                  <-- change to true to get 'pager circles'
      autoHover: true,
      auto: homeslider_loop,
      speed: homeslider_speed,
      pause: homeslider_pause,
      controls: true              <-- if you DON'T want prev/next buttons
});                                   then change to: controls: false
If you change the pager: false to pager: true, the slider will add some pager circles, just like you asked for below the slides.
If you don't want the two Previous/Next buttons on you slider anymore, you can change the last line: controls: false
Only problem is, that the pager circles are 'out of sight'. To fix this, do this:
Edit file: /themes/default-bootstrap/css/modules/homeslider/homeslider.css   (make backup!!!)
comment out:
#homepage-slider {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 14px;
  width: 66.6%;
  max-width: 779px;
  max-height: 448px;
//  overflow: hidden;    <-- comment out, using '//'
  position: relative;
  z-index: 1;
  float: left; }
This will give this result:
Or, if you also don't want the previous/next buttons on the images:
Hope this helps,
  • Like 1
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...