¿Cómo hacer TM Categories Compatible con PS 1.5?

[pyrolisis500]

Hola, tenía el módulo TM Categories en mi tienda en la versión 1.4.8.2 y ahora al pasarme a la 1.5.3.1 veo que no hay manera de que me cargue. Lo consigo instalar y me lo añande en las posiciones, pero luego en el Front no aparece nada de nada.

 

¿Alguien sabe como podría hacerlo compatible con esta versión?

 

Es un menú muy atractivo y es una pena que se pierda en la 1.5, ya que no he visto otro que consiga ese mismo efecto con las imágenes apareciendo.

 

Se que se integra en el global.css de la plantilla que se use, ya que en la version 1.4 aparecía el siguiente código en el global:

 

/* ————— tmcategories.tpl ————— */
#tmcategories {height:85px;}
#tmcategories ul#cat > li {float:left;position:relative;z-index:100;}
#tmcategories ul#cat > li > div {padding:24px 0 0 0;overflow:hidden;height:1%;}
#tmcategories ul#cat > li > div > a {height:61px;display:block;text-decoration:none;text-align:center;}
#tmcategories ul#cat > li > div > a span {font:bold 17px/61px "Arial";color:#fff;text-transform:uppercase;cursor:pointer;position:relative;bottom:0;}
#tmcategories ul#cat > li > div > a i {cursor:pointer;position:relative;bottom:0;}
#tmcategories ul#cat > li > div a.selected span {display:none !important;}
#tmcategories ul#cat > li > div a.selected i {bottom:24px !important;}
*+html #tmcategories ul#cat > li > div a span {display:;}
*+html #tmcategories ul#cat > li > div a i {display:none !important;}
*+html #tmcategories ul#cat > li:hover > div a i {display:block !important;bottom:24px !important;}
#tmcategories ul#cat > li.cat1 > div a {width:126px;background-image: url(../img/spriteme1.png);background-position: -10px -307px;}
#tmcategories ul#cat > li.cat1 a i {display:block;width:126px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -388px;}
#tmcategories ul#cat > li.cat1 ul.subcat {background:#3eb006;}
#tmcategories ul#cat > li.cat2 > div a {width:126px;height:61px;background-image: url(../img/spriteme1.png);background-position: -10px -493px;}
#tmcategories ul#cat > li.cat2 a i {display:block;width:126px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -574px;}
#tmcategories ul#cat > li.cat2 ul.subcat {background:#9bc704;}
#tmcategories ul#cat > li.cat3 > div a {width:126px;height:61px;background-image: url(../img/spriteme1.png);background-position: -10px -679px;}
#tmcategories ul#cat > li.cat3 a i {display:block;width:126px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -760px;}
#tmcategories ul#cat > li.cat3 ul.subcat {background:#0dc3ff;}
#tmcategories ul#cat > li.cat4 > div a {width:126px;height:61px;background-image: url(../img/spriteme1.png);background-position: -10px -865px;}
#tmcategories ul#cat > li.cat4 a i {display:block;width:126px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -946px;}
#tmcategories ul#cat > li.cat4 ul.subcat {background:#51a2ec;}
#tmcategories ul#cat > li.cat5 > div a {width:128px;height:61px;background:url(../img/cat6.png) 0 0 repeat-x;}
#tmcategories ul#cat > li.cat5 a i {display:block;width:128px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -1051px;}
#tmcategories ul#cat > li.cat5 ul.subcat {background:#6e3cab;}
#tmcategories ul#cat > li.cat6 > div a {width:126px;height:61px;background-image: url(../img/spriteme1.png);background-position: -10px -1156px;}
#tmcategories ul#cat > li.cat6 a i {display:block;width:126px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -1237px;}
#tmcategories ul#cat > li.cat6 ul.subcat {background:#f13801;}
#tmcategories ul#cat > li.cat7 > div a {width:126px;height:61px;background-image: url(../img/spriteme1.png);background-position: -10px -1342px;}
#tmcategories ul#cat > li.cat7 a i {display:block;width:126px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -1423px;}
#tmcategories ul#cat > li.cat7 ul.subcat {background:#ff8e0b;}
#tmcategories ul#cat > li.cat8 > div a {width:126px;height:61px;background-image: url(../img/spriteme1.png);background-position: -10px -1528px;}
#tmcategories ul#cat > li.cat8 a i {display:block;width:126px;height:85px;background-image: url(../img/spriteme1.png);background-position: -10px -1609px;}
#tmcategories ul#cat > li.cat8 ul.subcat {background:#fcbe01;}
#tmcategories ul li ul.subcat {width:180px;padding:7px 0 17px 0;position:absolute;left:0;top:85px;z-index:100;display:none;}
#tmcategories ul li:hover ul.subcat {display:block;}
#tmcategories ul li ul.subcat li {padding:10px 0 0 20px;}
#tmcategories ul li ul.subcat li a {width:160px;font:normal 12px "Arial";color:#fff;text-decoration:none;text-align:left;}
#tmcategories ul li ul.subcat li a:hover,
#tmcategories ul li ul.subcat li a.selected {text-decoration:underline;}

 

Adjunto el módulo por si alguien puede orientarme para que funcione en la 1.5

 

Gracias!

tmcategories.zip

[shacker]

tienes este que es similar

 

http://catalogo-onlinersi.net/en/add-ons-prestashop-modules/409-responsive-horizontal-menu.html

[Feliz Garcia]

tienes este que es similar

 

http://catalogo-onli...ontal-menu.html

Me lo quedo !

 

Gracias !

[pyrolisis500]

Voy a probarlo, muchas gracias. Lo que mas me interesaba es el efecto de aparecer las imagenes en el hover, si éste lo hace, genial.

 

Saludos.