[Solved] Menu slide in homepage

[moncler]

Hi,

I try to insert this menu slide in the .tpl of the editorial module:

http://www.jeremymartin.name/examples/kwicks.php?example=1

The problem is that when I insert the code that is the JS anim links, the calculating of the center_column stops and it appears empty, and then the right column, footer too ...

The code:

Everything is OK until this code:

<*script type="text/javascript">
           $().ready(function() {
                                   $('#imageMenu .kwicks').kwicks({
                       max: 205,
                       spacing:  5
                   });
                           });
       <*/script>

I also tried the same menu but with mootools libraries, like here:
http://www.phatfusion.net/imagemenu/
but the problem persists.

Once this bug is resolved I will try to make a module

<link rel="stylesheet" type="text/css" href="./modules/editorial/slide/css/menuslide.css" />
<link href="./modules/menuslide/menuslide.css" rel="stylesheet" type="text/css" media="all" />
<*script src="http://jmar777.googlecode.com/svn/trunk/js/jquery-1.2.6.js" type="text/javascript"><*/script>
<*script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js" type="text/javascript"><*/script>
<*script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js" type="text/javascript"><*/script>









       <*script type="text/javascript">
           $().ready(function() {
                                   $('#imageMenu .kwicks').kwicks({
                       max: 205,
                       spacing:  5
                   });
                           });
       <*/script>

[Fabrice]

that sounds excellent !
very nice jquery application.

by the way, could you be able to implement the greybox possibilities ?

[Fabrice]

I am really not a specialist but :

<*script type="text/javascript">
$().ready(function() {
$('#imageMenu .kwicks').kwicks({
max: 205,
spacing: 5
});
});
<*/script>

#imageMenu .kwicks [may there be a space ? is that correct ?]
spacing: 5 [2 spaces between ":" and "5"- could it be that ?]

do not know if it's important : did not really now a lot about coding.

[moncler]

Solved!
Smarty run the {} inside the , we can disable it with {literal}{/literal} around it

[hassan]

Hi Moncler,

Could you please share how you integrated this menu with PS?

I am a newbie and i would like to use it with my own webshop.

Thanks

[moncler]

Hi Hassan,

You can use the code above with

{literal}  <*script type="text/javascript">
           $().ready(function() {
                                   $('#imageMenu .kwicks').kwicks({
                       max: 205,
                       spacing:  5
                   });
                           });
       <*/script>{/literal}

(remove * before script)

However here is a zip of the editorial module with this modification.
You ll have to edit the css page and editorial.tpl to insert your images, number of link etc… of what you want.
You can also see the homepage of this menu (link above) to tune it.

Good luck ;-)

editorial.zip

[Rua con]

Thank you very much i try make but not avilable thank you

[daYmo]

Thanks for the tip !
I'll use it for my horizontal categorie menu and I'll put the sub-categories & sub-categories in a drop down menu.
See ya

[sualkin]

Hi,

thank you moncler for the module, it looks really good.
But my problem is that when I click one of the images, I would like to go to the concerned category, and I don't know how to do that.

Can someone help?

Thanks

[By Kuhi]

Thank you.
Teeşkkürler.

[Tintarella]

Is this module online anywhere in a prestashop?

[daYmo]

I did it + a drop down menu ... I could make a module for that but it's hard stuff coz' everything depends on the number of parent categories, width of images and all.... !
So I guess, it's a pure customization of the FO.

[bagus]

thanks a lot moncler,
I've been tested it for the whole night without any result lol and just found out that you already solved it..thanks again