[solved] Slider position

[andrej981]

Hi,

 

I downloaded and install Nivo slider 1.4. Now I dont know how to move it under header.

If I hook it to Homepage content is slider width like center column and if I change width of center column, left and right columns are under center.

Does anyone know how to do this? Or if will be other slider more easy to move to that position?

[Mike Kranzler]

Hi andrej,

Have you tried using the LiveEdit function in your Back Office under Modules > Positions? This could help you better visualize where you are trying to move the slider.

 

I hope this helps.

 

-Mike

[andrej981]

Cool! I am using presta fo about 2 years and I never see that. Awesome he he.

I move it under header (hook Top of Pages) But now slider is on all pages. I want to have slider just on home and novere else.

But It have to be like it is.

Andrej

[Mike Kranzler]

Hi Andrej,

That is why I recommended you use the LiveEdit instead. There, you could move it to the proper place just on the home page without hooking it onto every page.

 

-Mike

[andrej981]

@Mike Kranzler Dyou have any idea how can I make slider to be width 100% of page under top horizontal menu, but it be just at home page?

I wont to add slider to this page: www.trendom.si

[Carolina Custom Designs]

Just add the following to the top of your module tpl

 

{if $page_name == 'index'}

 

This will display your slider only on your home page.

 

Marty Shue

[andrej981]

Tnx. But it dont work. heare is my tpl for nivo slider. Were i have to add this: {if $page_name == 'index'}

How can I post code to look like yours?

 

{literal}

<!-- MODULE NivoSlider for PrestaShop -->

<!-- www.tiendasvirtuales.com.ve -->

{/literal}

{if $headerjquery == 'true'}

{literal}<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>{/literal}

{/if}

{literal}

<script type="text/javascript" src="{/literal}{$module_dir}{literal}tools/js/jquery.nivo.slider.pack.js"></script>

<link rel="stylesheet" type="text/css" href="{/literal}{$module_dir}{literal}tools/css/nivo-slider.css" />

 

<div id="slide_holder" style="width:{/literal}{$width}{literal}px;height:{/literal}{$height}{literal}px;position:relative;">

<div id="nvslider">

{/literal}

{foreach key=id item=links from=$mylinks}

{if $links.url !=""}

{literal}<a href="{/literal}{$links.url}"{if $links.new_window} {literal}target="_blank"{/literal}{/if}>{literal}<img src="{/literal}{$module_dir}{literal}img/{/literal}{$links.image}" {literal}alt="{/literal}{$links.title}" {literal}title="{/literal}{$links.description}" {literal}style="width:{/literal}{$width}{literal}px;height:{/literal}{$height}{literal}px;" /></a>{/literal}

{else}

{literal}<img src="{/literal}{$module_dir}{literal}img/{/literal}{$links.image}" {literal}alt="{/literal}{$links.title}" {literal}title="{/literal}{$links.description}" {literal}style="width:{/literal}{$width}{literal}px;height:{/literal}{$height}{literal}px;" /></a>{/literal}

{/if}

{/foreach}

{literal}

</div>

</div>

 

<script type="text/javascript">

//jQuery.noConflict();

$(window).load(function() {

$('#nvslider').nivoSlider({

effect:'{/literal}{$effect}{literal}', //Specify sets like: 'fold,fade,sliceDown'

slices:{/literal}{$slices}{literal},

animSpeed:{/literal}{$animspeed}{literal}, //Slide transition speed

pauseTime:{/literal}{$pausetime}{literal},

startSlide:{/literal}{$startslide}{literal}, //Set starting Slide (0 index)

directionNav:{/literal}{$directionnav}{literal}, //Next & Prev

directionNavHide:{/literal}{$directionnavhide}{literal}, //Only show on hover

controlNav:{/literal}{$cn_nav}{literal}, //1,2,3...

controlNavThumbs:{/literal}{$cn_navthumbs}{literal}, //Use thumbnails for Control Nav

controlNavThumbsFromRel:{/literal}{$cn_thumbsfromrel}{literal}, //Use image rel for thumbs

controlNavThumbsSearch: '.jpg', //Replace this with...

controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src

keyboardNav:{/literal}{$keyboardnav}{literal}, //Use left & right arrows

pauseOnHover:{/literal}{$pauseonhover}{literal}, //Stop animation while hovering

manualAdvance:{/literal}{$manualadvance}{literal}, //Force manual transitions

captionOpacity:{/literal}{$captionopacity}{literal}, //Universal caption opacity

beforeChange: function(){},

afterChange: function(){},

slideshowEnd: function(){} //Triggers after all slides have been shown

});

});

</script>

<!-- /MODULE NivoSlider for PrestaShop -->

{/literal}

[andrej981]

SOLVED

http://www.prestashop.com/forums/topic/140847-how-to-show-module-for-only-in-home-page/

Tnx Marty Shue.

How do I add solved to topic name?

[Carolina Custom Designs]

Glad to hear you got it figured out.

 

Marty Shue

[jhnstcks]

SOLVED

http://www.prestasho...y-in-home-page/

Tnx Marty Shue.

How do I add solved to topic name?

 

Edit your first post, and click "Use full Editor", where you should see the post title box.