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!!!)

 

Change:

if (!!$.prototype.bxSlider)
  $('#homeslider').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:
post-455771-0-55386700-1413135696_thumb.png
 
Or, if you also don't want the previous/next buttons on the images:
post-455771-0-38210100-1413135714_thumb.png
 
Hope this helps,
pascal
 
 
 
 
 
  • 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...