Jump to content

[solved] How to change the width of slider?


Recommended Posts

Hi,

basic width/height settings of the slider can be changed in Modules --> Image slider for your homepage -> Configure

But I do not think you can easily set width to be the same as horizontal top menu if you have 3 columns in your template

thx for ur reply, u r right, there r 3 columns in the homepage, that's y i ask for ur helps。 i know how to change the basic width setting in modules, but when i change the dates in module, the slider window stay at the same place, nothing was be changed. can u tell me whant need i to do? How to move the other 2 sides of columns module away from the slider module?

Link to comment
Share on other sites

thx for ur reply, u r right, there r 3 columns in the homepage, that's y i ask for ur helps。 i know how to change the basic width setting in modules, but when i change the dates in module, the slider window stay at the same place, nothing was be changed. can u tell me whant need i to do? How to move the other 2 sides of columns module away from the slider module?

 

 

check this post http://www.prestashop.com/forums/topic/199293-re-position-re-size-home-slider/

Edited by jberezhnoy (see edit history)
Link to comment
Share on other sites

Hi, guys... i got a problem, how can i change the width of the slider homepage<that display with 5 photos>? i want let it to get the same width as horizontal topmenu'. can u tell me what need i to do?

 

here is the tutorial about moving homeslider to top and changing width to the same as top menu:

how to move home slider to top in prestashop. Hope it helps with this issue

Link to comment
Share on other sites

here is the tutorial about moving homeslider to top and changing width to the same as top menu:

how to move home slider to top in prestashop. Hope it helps with this issue

Thx very much! vekia! ,i just did it with succesful now! but i got a new problem, how can i modific the width of the module of feartured products with image {that part positioned at down of the slider homepage } , there r 3 columns, i wanna let this module to occupy the parts mid and right, i want let the webpage become in 2 columns, 1/3 module at left, and at the right 2/3 is the module feartured products, so what should i to do??

Link to comment
Share on other sites

here is the tutorial about moving homeslider to top and changing width to the same as top menu:

how to move home slider to top in prestashop. Hope it helps with this issue

 

srry vekia, i did all like the tutorial about how to move the homeslider,i thought all was gone well, but now when i click on the horizontal top menu' , those buttons don't work more! help me plz! how can i let the horizontal topmenu' works like before??

Link to comment
Share on other sites

srry vekia, i did all like the tutorial about how to move the homeslider,i thought all was gone well, but now when i click on the horizontal top menu' , those buttons don't work more! help me plz! how can i let the horizontal topmenu' works like before??

 

without url to your shop we probably cant help, we must see it and the code...

Link to comment
Share on other sites

do you want to completely remove the right column from your entire website or just from the home page?

Hi, yes, i want to remove all the right column . keep only left, all the right i want make a big windows of exposition of my products.

but i got another problem, can u help me?the problem is likes i said to Vekia, when i changed the position of slider homepage to top, the horizontal top menu' does'nt work more! When i move the mouse or click on them, it doen't work!

Link to comment
Share on other sites

thanks for quick reply

 

go to the modules/homeslider/js/homeslider.js file and add:

 

$('#bx-wrapper').css("margin-top","50px");

 

at the end of content

 

let me know if it helps you

Srry ,vekia, i added at the end of this content, but nothing change,look , i copyed it:, :(

 

$('#homeslider').bxSlider({

infiniteLoop: homeslider_loop,

hideControlOnEnd: true,

pager: true,

autoHover: true,

auto: homeslider_loop,

speed: homeslider_speed,

pause: homeslider_pause,

controls: false

});

});

$('#bx-wrapper').css("margin-top","50px");

Edited by fabriano (see edit history)
Link to comment
Share on other sites

with code below it probably works, try:

 

$(document).ready(function() {
$('#bx-wrapper').css("margin-top","50px");
});

 

 

pager: true,

autoHover: true,

auto: homeslider_loop,

speed: homeslider_speed,

pause: homeslider_pause,

controls: false

});

});

$(document).ready(function() {

$('#bx-wrapper').css("margin-top","50px");

});

Omg,What's the problem, srry ,vekia, it doesn;t work the same! :( , dont know where is the problem, i only changed the slider like that link u showed me. so nervous! :(

Link to comment
Share on other sites

$(document).ready(function() {

$('.bx-wrapper').css("margin-top","50px");

});

 

it's because that I write code with # hash, not . dot in bx-wrapper

sorry it's my mistake, can you try it again? sorry to bother you, im trying to help :)

 

:) yes!!!!!! finally it works! thx a lot! Vekia! very kindly! haha.... :D

Link to comment
Share on other sites

  • 5 months later...

Hi Vekia,

 

I tried your tutorial and for some reason the slider is just not showing on the top header. I have customized my blocktopmenu previously before that, could it be due to that?

 

I've hooked it up to topmenu, a couple of times actually since it gave a notice saying "This module has already been transplanted to this hook" but it still looks the same as default.

 

I'm attaching the homeslider.php in case i did something wrong in copying it..

homeslider.php

Link to comment
Share on other sites

  • 5 weeks later...

here is the tutorial about moving homeslider to top and changing width to the same as top menu:

how to move home slider to top in prestashop. Hope it helps with this issue

 

Hi VEkia,

 

The above link is helpful if we are modifying the module for the entire shop. But what if I want to modify only one of the themes for a particular multistore?

Since Im designing a new theme, only in this theme I want to modify the image slider to the top position. But if i modify any of the image slider PHP files, this will affect the entire image sliders in the main webpage.

 

So can you please, suggest me a solution to this?

Edited by The UI GIrl (see edit history)
Link to comment
Share on other sites

homeslider doesn't support multistore ? im asking because I don't use this module with multistore function

 

home slider perfectly supports for all the multistore. My problem is, I'm designing multiple themes. And for the current theme I want the image slider to be hooked in TOP position and not in display home. But to do this, i need to modify the php file of home slider. This will change the homeslider position for all the stores. I do not want that to happen.

 

Only for the current theme which Im designing for a multistore, i want the image slider to change its position to top.

Link to comment
Share on other sites

×
×
  • Create New...