Jump to content

Slider Image Size


Recommended Posts

I'm sorry to be a pain in the A, and bring this up again, but I have tried every suggestion in thread -  http://www.prestashop.com/forums/topic/313230-slider-image-size/ - and my slider is just not cooperating. It is currently floating to the left but the width remains the same, regardless of what changes I make.

 

As well as making the changes to the files, I have also tried to adjust the height in BO but strangely, it won't change.

I set it to 1170 from 779, I press 'Save'. The change just won't save and it automatically goes back to 779 by itself. I have attempted this several times but each time is the same.

 

Updating Cache and Force Compile make no difference either.

 

You can see here: http://www.totalfancydress.com

 

When I right-click the site and 'View Page Source', I can see this but for the life of me, can't file the file this is in:

var homeslider_loop = 1;
var homeslider_pause = 3000;
var homeslider_speed = 500;
var homeslider_width = 779;

Any new suggestions are very welcome as I would love this sorted!

Link to comment
Share on other sites

Hi Sarak,

Maybe there is an error when saving. Try to turn on debug mode,

 

save the 1170px one more time and see if you get any error message, which prevents the value from being saved.

 

If that doesn't help, you can try to manually change the value. You have to get into your database for that:

 

Go to your cPanel (or whatever you get from your host), start phpMyAdmin (or any other Database explorer)

go to your PrestaShop database

go to table ps_configuration   ("ps_" can vary, depending on what you chose when installing the shop)

Show all rows

find the row with a Name field-value:

 'HOMESLIDER_WIDTH'    (You can use the page search tool in your editor for this, Ctrl-F (Win) /Command-F (mac) )

with Value field-value =

  779

 

edit the 779 and change into 1170

 

 

 

The javascript code you mention can probably be found in:

/themes/default-bootstrap/js/modules/homeslider/js/homeslider.js

 

hope this helps,

pascal

  • Like 1
Link to comment
Share on other sites

Sarak, in file:

 

modules/blockhomeslideshow/js/prod.css (line 7) you find this code:

(add red line)

 

#home_slideshow{ 
    padding-top: 3px;
    padding-left: 120px;
    padding bottom: 20px;
    position: relative;
    text-align: center;
    width: 100px;
    top:20px;
    margin-bottom:20px;
    margin-left:6px;
    z-index: -1;    // add to put slider behind menu
}
 
pascal
  • Like 1
Link to comment
Share on other sites

 

Sarak, in file:

 

modules/blockhomeslideshow/js/prod.css (line 7) you find this code:

(add red line)

 

#home_slideshow{ 
    padding-top: 3px;
    padding-left: 120px;
    padding bottom: 20px;
    position: relative;
    text-align: center;
    width: 100px;
    top:20px;
    margin-bottom:20px;
    margin-left:6px;
    z-index: -1;    // add to put slider behind menu
}
 
pascal

 

 

Brilliant.

Thank you so mcuh :)

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...