Customizing the homeslider in PS 1.5.2 default theme

[mainxs]

Hello,

 

I have a very simple question. I spend hours looking for a way to customize the slider on the frontpage in PS 1.5.2.

 

What I want is a slider that covers 300 x 760 pixels on the front page.

I tried:

- editing global.css -> did not find something there

- editing css files in the homeslider module folder -> totally no effect when setting height/width manually

- editing homeslider.js -> setting custom width has totally no effect

- removing CMS block module, it

 

Of course our first idea was to set width 760 and height 300 when configuring Modules->Image slider for your homepage. But again, without result.

 

Can someone advice what to do?

The next problem already appears: featured products bar needs to be extended too.

 

Test site with the problem: http://belux.mainxs.nl

[vekia]

Hello,

 

I have a very simple question. I spend hours looking for a way to customize the slider on the frontpage in PS 1.5.2.

 

What I want is a slider that covers 300 x 760 pixels on the front page.

I tried:

- editing global.css -> did not find something there

- editing css files in the homeslider module folder -> totally no effect when setting height/width manually

- editing homeslider.js -> setting custom width has totally no effect

- removing CMS block module, it

 

Of course our first idea was to set width 760 and height 300 when configuring Modules->Image slider for your homepage. But again, without result.

 

Can someone advice what to do?

The next problem already appears: featured products bar needs to be extended too.

 

Test site with the problem: http://belux.mainxs.nl

 

add classes:

 

.bx-window{width:760px}

.bx-wrapper{width:760px}

 

here is the tut how to move slider to top, but also how to change its width: move and change homeslider width

[mainxs]

Thank you very much for your suggestions.

Unfortunately, it isn't solved by adding the classes and watching the tutorial.

When adding the classes, nothing happens.

In which file do I need to add them by the way?

 

I found out that modifying the grid_prestashop.css in line 47 ".container_9 .grid_5 {width:736px;}" makes the homeslider 736px wide. That is almost the solution. But, when I make the slider 760px wide, it jumps out of the wrapper and falls to the bottom of the website and ends above the footer. So still not solved, and still not a 760px wide banner.

 

The idea to customize grid_prestashop.css is from this post:

http://www.prestashop.com/forums/topic/165430-solved-adjust-prestashop-new-15-theme-to-2-columns/

 

Any ideas?

[jos0405]

Thank you very much for your suggestions.

Unfortunately, it isn't solved by adding the classes and watching the tutorial.

When adding the classes, nothing happens.

In which file do I need to add them by the way?

 

I found out that modifying the grid_prestashop.css in line 47 ".container_9 .grid_5 {width:736px;}" makes the homeslider 736px wide. That is almost the solution. But, when I make the slider 760px wide, it jumps out of the wrapper and falls to the bottom of the website and ends above the footer. So still not solved, and still not a 760px wide banner.

 

The idea to customize grid_prestashop.css is from this post:

http://www.prestasho...e-to-2-columns/

 

Any ideas?

 

Hi,

 

In admin go to Modules > Slider > Settings

 

Change the width to the same size as your grid_prestashop.css line 47: .container_9 .grid_5

 

In my case its 737px

 

It worked out for me, good luck.

Joey

[CartExpert.net]

Hi.

 

To set the size of the slides you need to configure the module, there you can set width, height, pause, speed and whether to loop or not.

 

Regards.

 

Robin.

 

The CartExpert Team

[chambo]

Hallow, did any one of you figured out how to make the slide show, full width and at the top of the site....?!

Can you share how, I'm stuck with changing grid css, I think there is something more to do with global css...

Help please...

[GJ71]

About the speed.. changed the speed in modules/homeslider/js/homeslider.js (and set the cache off and set force compile on in the performance settings)..

 

But no effect..

[blackadder]

Hi,

 

Go to modules/homeslider/bx_styles.css

 

on the top change this to what you want for your hight of your slider:

 

 

.bx-window {margin-bottom:20px;}

.bx-wrapper {

margin-bottom:20px;

height:400px

}

[evi]

hello im newer in prestashop, i want to modify homepage slider prestashop 1.5 , i want to show thumbnail, help me,,

[boydsoedargo]

hello im newer in prestashop, i want to modify homepage slider prestashop 1.5 , i want to show thumbnail, help me,,

 

lot stuff to do "if it can"

 

try minic slider, AFAIK minic slider can change the bullet navigation with thumbnail... again AFAIK, just try it. Read Minic Slider Here

[AnnaM]

Thanks Black Adder .. at least my slider isn´t above the footer anymore!

[maheshv546]

how to add gif images in slideshow where it should have fish animation images

Edited August 19, 2013 by maheshv546 (see edit history)

[vekia]

i think that this will not work but you can try to upload iles manually to homeslider images folder (replacfiles there)

[bossydal1]

has anyone worked this out yet as i have tried the above but it dosent work

[rinzlerx64]

 

This is a hack not a solution, but it worked for me in 1.6 :

 

Go to homeslider.tpl in your theme/module folder and change the image attributes:

 

 

<img src="{$link->getMediaLink("`$smarty.const._MODULE_DIR_`homeslider/images/`$slide.image|escape:'htmlall':'UTF-8'`")}"{if isset($slide.size) && $slide.size} {$slide.size}{else} width="900px" height="100%"{/if} alt="{$slide.legend|escape:'htmlall':'UTF-8'}" />

Get rid of this {if isset($slide.size) && $slide.size} {$slide.size}{else} and set up your width, You wont be able to use this module with other widths, but you can create/dupllicate the module with other name.  

 

The better way thought is to find the var and change it there, but smarty is a mess if you don't know it well