i want to move slider from home to header

[JackTheRipper]

Hi guys,

 

I want to move slider from home to header like in image...

I changed the hook but doesn' work...

Please help..

 

Thans and sorry for my english

 

[vekia]

Hi guys,

 

I want to move slider from home to header like in image...

I changed the hook but doesn' work...

Please help..

 

Thans and sorry for my english

 

 

hm do you transplanted this module in prestashop back office?

[JackTheRipper]

I tried but doen't work ...

 

i get the message "This module cannot be transplanted to this hook." .

[vekia]

I tried but doen't work ...

 

i get the message "This module cannot be transplanted to this hook." .

 

how to move home image slider default module to top in prestashop - tutorial

 

so you must edit file: homeslider.php in modules/homeslider directory

 

open it and paste there code attached below:

 

public function hookdisplayTop()

{

if(!$this->_prepareHook())

return;

 

// Check if not a mobile theme

if ($this->context->getMobileDevice() != false)

return false;

 

$this->context->controller->addJS($this->_path.'js/jquery.bxSlider.min.js');

$this->context->controller->addCSS($this->_path.'bx_styles.css');

$this->context->controller->addJS($this->_path.'js/homeslider.js');

return $this->display(__FILE__, 'homeslider.tpl');

}

 

you can add this before line public function hookDisplayHome()

 

 

Now you can transplant this module in back office to "Top of pages" knows as "displayTop".

 

remember to delete image slider from home hook!

Edited October 11, 2012 by vekia (see edit history)

[JackTheRipper]

THANK YOU VEKIA!

You are awsome.

 

i`m gonna buy a module from ur website after i finish the design! Thanks again

[vekia]

THANK YOU VEKIA!

You are awsome.

 

i`m gonna buy a module from ur website after i finish the design! Thanks again

 

I'm glad I could help,

Show off your shop design as will be ready

[neverbug]

How to show it, only on the Home Page?

Thanks.

[Carolina Custom Designs]

There are two ways you can do this.

 

1. Go to Modules > Postions and click the edit icon (pencil) beside the module. On the edit page you can enter your 'Exceptions' that you do not want the module to appear on.

 

2. If you know a little php you can add an if statement like {if $page_name == 'index'}........{/if} to the module tpl.

 

Hope that helps.

 

Marty Shue

[orcusomega]

Hmmm, I followed the instructions from here:

 

http://mypresta.eu/en/art/tips-and-tricks/how-to-move-image-slider-module-from-home-to-top-in-prestashop.html

 

But the banner I am attempting to add ends up at the end of the menu bar, and not under it (www.splatacular.com).

 

Where did I go wrong?

 

Thanks!

 

Bob

[orcusomega]

Here is my edited bx_styles.css file, just for reference:

 

bx-window {margin-bottom:20px;}
.bx-wrapper {
margin-bottom:20px;
height:300px;
clear:both;
}
/*next button*/
.bx-next {
display:none;
position:absolute;
top:40%;
right:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(gray_next.png) no-repeat 0 -30px;
}
/*previous button*/
.bx-prev {
display:none;
position:absolute;
top:40%;
left:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(gray_prev.png) no-repeat 0 -30px;
}
/*pager links*/
.bx-pager {
  position: absolute;
  bottom: 20px;
bottom:40px !ie;/* hack ie7 */
right: 15px;
padding-top: 7px;
font-size:11px;
color:#666;
text-align:center;
}
.bx-pager a {
display:inline-block;
zoom:1;
margin-right: 5px;
padding:4px 0 0 1px;
height:16px;/* 19 */
width:18px;/* 19 */
font-weight:bold;
font-size: 11px;
color:#000;
text-decoration:none;
background:url(gray_pager.png) no-repeat 0 -20px;
}
/*
* End color scheme styles
*/

/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
background-position: 0 0;
}
/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
color:#fff;
text-decoration:none;
background-position: 0 0;
}
/*captions*/
.bx-captions {
text-align:center;
font-size: 12px;
padding: 7px 0;
color: #666;
}
/*auto controls*/
.bx-auto {
text-align: center;
padding-top: 15px;
}
.bx-auto a {
color: #666;
font-size: 12px;
}

[vekia]

i don't exactly know what you want. Slider works properly but probably you want to change sizes of slides right?

[orcusomega]

When you view the page, the slider is in the correct position? On Firefox, the banner is located at the end of the menu, and not under it - it is ALL the way to the right, you might have to use your scroll bar at the bottom of your browser... Under IE is seems OK, but periodically moves???

 

And yes I would also like to adjust the height of the overall slider, but that is a secondary issue to the location...

 

Thanks,

 

Bob

Edited December 16, 2012 by orcusomega (see edit history)

[vekia]

http://imm.io/Pj2i

 

check how it looks in chrome (the same in ffox/ie) so the position is correct, can you make a screen?

[orcusomega]

AHA! Had to force reload/recompile of templates - now its working Know how to make it shorter in height?

[IGNITER]

I have the homeslider in the header, but unfortunately 'clear:both;' in bx_styles.css don't push down the column content.

The whole home slider module stays like it has position: absolute; instance.

What I am possibly doing wrong?

 

 

I will use the opportunity instead of starting new thread ... is it possible to move the top menu bar under the homeslider?

Thanks!

 

[Orkzoner]

Got a huge problem. My slider apear at the bottom of the page and not in the top. Please help

[Carolina Custom Designs]

Got a huge problem. My slider apear at the bottom of the page and not in the top. Please help

 

Not a huge problem at all. 

 

You just need to change the Position of the slider in Modules > Positions. 

 

Move that module to the top of the hook. 

 

Hope that helps! 

 

Marty Shue

[Orkzoner]

Thanks for the reply!

 

I got that module on displayheader, displayhome, and displaytop, but the slider steal appears on the bottom   what should i do?

[Carolina Custom Designs]

Thanks for the reply!

 

I got that module on displayheader, displayhome, and displaytop, but the slider steal appears on the bottom   what should i do?

 

What theme are you using? 

 

Also, it should be hooked to displayTopColumn and be in the first position. 

 

Hope that helps! 

 

Marty Shue