How to put the home slider on the right side of the homepage ?

[Rulian]

Hi guys,

I'd like to put the home slider on the right side of the homepage, so the left column can start from (almost) the top of the page.

Something like this:

 

 

I can't figure out a proper way to "see" the default template anchor points/hooks,

so I'm a little scared of breaking everything if I try and guess the correct way to move the home slider.

 

Could seomeone please tell me how to do such a thing ?

 

Thanks guys,

cheers

Edited June 30, 2015 by Rulian (see edit history)

[tdr170]

You need to add a hook to the homeslider.php so it hooks in the Home Tabs.

 

Make a space around line 604 and add the code below, 

 

 public function hookDisplayHomeTab($params)

     {

      return $this->hookdisplayTopColumn($params);

 

     }

 

then transplant to Image slider for your homepage to displayHomeTab (Home Page Tabs)

Now go to displayHomeTab in Modules, Positions and move the Image Slider to top of list

Now go to displayTopColumn and unhook Image slider 

Your Image Slider will now be in the Center column above the Home tabs

 

You may want to add some space between left column and bottom you can do that here.

 

Go to themes/default-bootstrap/css/modules/homeslider/homeslider.css and in the first block of css change the Padding-left and the margin bottom to your liking.

 

Images should be sized to a width of 779px.

 

 

 

 

[Rulian]

Perfect, thanks a lot

[alexthorn]

Excelent guide and it works but I have layout problem. 

(important: I have also right column enabled)

 

- Left column is lower then slider and right column

- Spaces betwen slider and left column and slider and right column are not the same (slider is not centered).

 

Can You help me and give info where in code I can fix it? 

(I`m newbie - but experienced in copy/paste/replace from guides :-))

Edited September 9, 2015 by alexthorn (see edit history)

[tdr170]

Excelent guide and it works but I have layout problem. 

(important: I have also right column enabled)

 

- Left column is lower then slider and right column

- Spaces betwen slider and left column and slider and right column are not the same (slider is not centered).

 

Can You help me and give info where in code I can fix it? 

(I`m newbie - but experienced in copy/paste/replace from guides :-))

Can you post a link to your site so I can have a look.

[alexthorn]

I send via PM since is adult content store

I solve problem with have lft column to low but still there are not same size spaces betwen left column and slider and right column and slider

[tdr170]

Had a look try this, edit themes/default-bootstrap/css/modules/homeslider/homeslider.css and add this to the first set of code.

Of course you can change the # to your liking.

 

margin-left:8px;

 

should look like this:

 

#homepage-slider {

  margin-left:8px;

  padding-left: 0;

  padding-right: 0;

  margin-bottom: 14px;

  max-width: 100%;

[alexthorn]

Thank You a lot. All works now.

[TillyOak]

Hi all, sorry to resurrect such an old thread but I've asked in a new thread regarding an issue I'm having with these instructions and hoped someone here is still watching this thread and can maybe help.   Basically, I've followed the instructions to ...

Quote

then transplant to Image slider for your homepage to displayHomeTab (Home Page Tabs)

Now go to displayHomeTab in Modules, Positions and move the Image Slider to top of list

but the issue is the "Image Slider" doesn't show up in displayHomeTab, it appears to transplant OK as it says "successful" but when I go to the displayHomeTab section Image Slider doesn't appear in there.   No matter how many times I try transplanting it, it just doesn't show up so I can't move it to the top of the list.

Anyone have any suggestions on what could be the issue?

Thanks

mark