Jump to content

[Solucionado] Insertar nuevo menu horizontal en el index


wien996

Recommended Posts

Buenas a tod@s,

 

soy nuevo en esto de prestashop y quería ver si alguien me puede echar una mano con un menu que tengo creado por mi cuenta para poder insertarlo en el header de la página index.

 

Además hay una cosa que no consigo sacar y es el código del index en el que están las capas creadas del inicio, es decir, poder ver el código fuente de esta página para poder editarlo (no sé si es posible hacer eso).

 

Muchas gracias por todo!!!

Link to comment
Share on other sites

Bueno para crear un menú en la página de inicio tienes dos opciones:

 

1.- Buscas un módulo que inserte un menu horizontal y ahí pones lo que desees y le cambias el diseño a tu gusto

 

2.- En el header.tpl de tu template buscas donde está el hook home page y ahí debajo escribes el html y luego en el css le das las propiedades a la lista para que se muestre a tu gusto con color y todo. No debes olvidar que cada vez que agregues un menú ponerle para que se pueda traducir en varios idiomas Ejemplo:

 

 

<ul>

 

<li class="tu_clase"><a href="#" title="{l s='Menú1'}">{l s='Menú1'}</a></li>

<li class="tu_clase"><a href="new-products.php" title="{l s='Nuevos Productos'}">{l s='Nuevos Productos''}</a></li>

<li class="tu_clase"><a href="best-sales.php" title="{l s='Más Vendidos'}">{l s='Más Vendidos'}</a></li>

<li class="tu_clase"><a href="prices-drop.php" title="{l s='Ofertas'}">{l s='Ofertas'}</a></li>

<li class="tu_clase"><a href="#" title="{l s='Categorías'}">{l s='Categorías'}</a></li>

<li class="tu_clase"><a href="contact-form.php" title="{l s='Contactar'}">{l s='Contactar'}</a></li>

</ul>

 

Eso que te he marcado en negro es como debes hacerle a todos los menus para que se puedan traducir

Saludos

  • Like 1
Link to comment
Share on other sites

Hola Banense,

 

me surgen varias dudas a lo anterior que me posteas. Te cuento:

 

OPCIÓN 1.- Tengo una carpeta descargada tipo demo llamada "blocktopmenu" en la que hay lo sigte:

 

- carpeta css:

-index.php

-superfish-modified.css

- carpeta img : imagenes

- carpeta js: dos archivos .js y uno index.php

-blocktopmenu.php

-blocktopmenu.tpl

-fr.php

-index.php

-logo.gif

-menutoplinks.class.php

 

¿Cómo podría hacer para visualizarla en mi sitio web, quiero decir donde deben ir situados los archivos?

 

OPCIÓN 2.- Mi header.tpl contiene lo sigte:

....

<div id="page">

 

<!-- Header -->

<div id="header">

<a id="header_logo" href="{$link->getPageLink('index.php')}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

 

<div id="header_right">

{$HOOK_TOP}

 

 

</div>

</div>

 

<div id="columns">

<!-- Left -->

<div id="left_column" class="column">

{$HOOK_LEFT_COLUMN}

</div>

 

<!-- Center -->

<div id="center_column">

{/if}

 

¿Dónde exactamente debería ir lo que me pasas y cuál es el css a modificar?

 

Muchas gracias por todo banense!!!

Link to comment
Share on other sites

1.- el modulo ese que me comentas yo también lo tengo y el archivo que debes modificar es el blocktopmenu.tpl esa modificación que te pasé anteriormente con el código lo saqué del módulo ese que me comentas que es muy bueno. Primero debes instalar el módulo claro está y luego modificar a tu gusto el contenido del tpl que es donde están los menus creados o para modificarlo

2.- debajo de donde acaba este div en tu header.tpl :

 

<div id="header">

<a id="header_logo" href="{$link->getPageLink('index.php')}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

 

<div id="header_right">

{$HOOK_TOP}

 

 

</div>

</div>

__________________________________

Ahí justo debajo puedes poner lo siguiente:

<!-- Menu top -->

<div id="mnu_top">

<ul>

<li class="{if $page_name == 'index'}current{/if}">

<a href="{$link->getPageLink('index.php')}">

<span>{l s='Home'}</span>

</a>

</li>

<li class="{if ($page_name == 'cms') && (Tools::getValue('id_cms') == 4)}current{/if}">

<a href="{$link->getPageLink('/cms.php?id_cms=4', true)}" title="{l s='Quienes somos' mod='blockcms'}">

<span>{l s='Quienes somos' mod='blockcms'}</span>

</a>

</li>

<li class="{if $page_name == 'prices-drop.php'}current{/if}">

<a href="{$link->getPageLink('prices-drop.php', true)}" title="{l s='Ofertas' mod='blockcms'}">

<span>{l s='Ofertas' mod='blockcms'}</span>

</a>

</li>

<li class="{if $page_name == 'new-products.php'}current{/if}">

<a href="{$link->getPageLink('new-products.php', true)}" title="{l s='Nuevos productos' mod='blockcms'}">

<span>{l s='Nuevos productos' mod='blockcms'}</span>

</a>

</li>

<li>

<a href="{$link->getPageLink('una_pagina_cualquiera.php', true)}" title="">

<span>{l s='Blog' mod='blockcms'}</span>

</a>

</li>

<li class="{if $page_name == 'contact-form'}current{/if}">

<a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contactar' mod='blockcms'}">

<span>{l s='Contactar' mod='blockcms'}</span>

</a>

</li>

</ul>

<div class="clear_both"><span> </span></div>

</div>

_______________________________________________

Ese código que te dije que insertaras es un ejemplo ok.. pero puedes coger ese y modificarlo a tu gusto

Saludos

  • Like 2
Link to comment
Share on other sites

  • 2 weeks later...

Buenas tardes,

muchas gracias por este apartado.

 

Yo quiero poner las categorias en el header, pero mi problema es que estoy pez y no se

que código tengo que poner para llamar por ejemplo a la categoria "Actual" y que cuando cambie de idioma cambie también este nombre.

 

En definitiva, no se como llamar individualmente a las categorías porque no se de donde provienen.

Querría esto:

 

<li class="{if $page_name == 'contact-form'}current{/if}">

<a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contactar' mod='blockcms'}">

<span>{l s='Contactar' mod='blockcms'}</span>

</a>

</li>

 

Pero para categorías...

 

Muchas gracias!!!

Link to comment
Share on other sites

Buenas tardes,

muchas gracias por este apartado.

 

Yo quiero poner las categorias en el header, pero mi problema es que estoy pez y no se

que código tengo que poner para llamar por ejemplo a la categoria "Actual" y que cuando cambie de idioma cambie también este nombre.

 

En definitiva, no se como llamar individualmente a las categorías porque no se de donde provienen.

Querría esto:

 

<li class="{if $page_name == 'contact-form'}current{/if}">

<a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contactar' mod='blockcms'}">

<span>{l s='Contactar' mod='blockcms'}</span>

</a>

</li>

 

Pero para categorías...

 

Muchas gracias!!!

Si dices que en el header quieres poner las categorias, por que no te descargas un modulo, que muestres las categorias en un menu en la cabecera como por ejemplo este:

https://github.com/jbreux/jbx_menu/downloads

Link to comment
Share on other sites

Gracias Victor, ya lo había probado y la verdad está muy bien... pero quiero algo más simple y ese módulo no me lo permite.

 

Tan solo necesitaría la fórmula para llamar a cada categoría.

De este estilo:

 

<a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contactar' mod='blockcms'}">

<span>{l s='Contactar' mod='blockcms'}</span>

</a>

Link to comment
Share on other sites

Gracias Victor, ya lo había probado y la verdad está muy bien... pero quiero algo más simple y ese módulo no me lo permite.

 

Tan solo necesitaría la fórmula para llamar a cada categoría.

De este estilo:

 

<a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contactar' mod='blockcms'}">

<span>{l s='Contactar' mod='blockcms'}</span>

</a>

Si lo que quieres es poner enlaces fijos, de las categorias date cuenta que estos no cambiaran, si de pronto te da por cambiar el nombre de la categoria, si lo que quieres es cargar las categorias de forma automatica, y que si en un momento cambias, el titulo de la categoria, en este se cambie, tendras que confeccionar un modulo para ello, o utilizar algunos de los que ya hay, para complementarlo con tu idea.

Link to comment
Share on other sites

El JBX menú de Julien Breux es muy bueno, excepto por ligeros problemas a la hora de setear el fondo del menú.

Por lo demás, genial. Iconos, estados, tipos de enlace...

 

Si te sirve también, yo lo uso para enlazar a búsquedas pre-realizadas.

Así puedo crear "como una" sub-categoría a voluntad, al menos a efectos del visitante.

 

Evidentemente he usado los tags de los artículos como método, aunque el módulo busca lo que quieras.

Si enlazas una subcategoría te crea él solito los subenlaces.

 

Está genial.

Link to comment
Share on other sites

El JBX menú de Julien Breux es muy bueno, excepto por ligeros problemas a la hora de setear el fondo del menú.

Por lo demás, genial. Iconos, estados, tipos de enlace...

 

Si te sirve también, yo lo uso para enlazar a búsquedas pre-realizadas.

Así puedo crear "como una" sub-categoría a voluntad, al menos a efectos del visitante.

 

Evidentemente he usado los tags de los artículos como método, aunque el módulo busca lo que quieras.

Si enlazas una subcategoría te crea él solito los subenlaces.

 

Está genial.

Efectivamente el modulo menu JBX, es un modulo excelente, y encima es gratuito, es imposible resistirse a no probarlo.

Link to comment
Share on other sites

  • 1 month later...
  • 1 month later...

Si dices que en el header quieres poner las categorias, por que no te descargas un modulo, que muestres las categorias en un menu en la cabecera como por ejemplo este:

https://github.com/j..._menu/downloads

 

Alguien sabe por que en las preferencias del menu de julien breux no hace caso a nada, es decir, cambio los parametros y siempre y no me cambian en mi web los parametros? tengo instalado 1.4.7 y uso la ultima version del menu de julien breux, ha alguien le sucede?

Link to comment
Share on other sites

¿Todos los parámetros o algún parámetro? Es decir, ¿Es un detalle o directamente no te guarda nada...?

Limpia la caché de smarty forzando la compilación

 

A mí el único que me daba problemas era el fondo, que o no se guardaba o se borraba al abrir.

Link to comment
Share on other sites

1.- el modulo ese que me comentas yo también lo tengo y el archivo que debes modificar es el blocktopmenu.tpl esa modificación que te pasé anteriormente con el código lo saqué del módulo ese que me comentas que es muy bueno. Primero debes instalar el módulo claro está y luego modificar a tu gusto el contenido del tpl que es donde están los menus creados o para modificarlo

2.- debajo de donde acaba este div en tu header.tpl :

 

<div id="header">

<a id="header_logo" href="{$link->getPageLink('index.php')}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

 

<div id="header_right">

{$HOOK_TOP}

 

 

</div>

</div>

__________________________________

Ahí justo debajo puedes poner lo siguiente:

<!-- Menu top -->

<div id="mnu_top">

<ul>

<li class="{if $page_name == 'index'}current{/if}">

<a href="{$link->getPageLink('index.php')}">

<span>{l s='Home'}</span>

</a>

</li>

<li class="{if ($page_name == 'cms') && (Tools::getValue('id_cms') == 4)}current{/if}">

<a href="{$link->getPageLink('/cms.php?id_cms=4', true)}" title="{l s='Quienes somos' mod='blockcms'}">

<span>{l s='Quienes somos' mod='blockcms'}</span>

</a>

</li>

<li class="{if $page_name == 'prices-drop.php'}current{/if}">

<a href="{$link->getPageLink('prices-drop.php', true)}" title="{l s='Ofertas' mod='blockcms'}">

<span>{l s='Ofertas' mod='blockcms'}</span>

</a>

</li>

<li class="{if $page_name == 'new-products.php'}current{/if}">

<a href="{$link->getPageLink('new-products.php', true)}" title="{l s='Nuevos productos' mod='blockcms'}">

<span>{l s='Nuevos productos' mod='blockcms'}</span>

</a>

</li>

<li>

<a href="{$link->getPageLink('una_pagina_cualquiera.php', true)}" title="">

<span>{l s='Blog' mod='blockcms'}</span>

</a>

</li>

<li class="{if $page_name == 'contact-form'}current{/if}">

<a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contactar' mod='blockcms'}">

<span>{l s='Contactar' mod='blockcms'}</span>

</a>

</li>

</ul>

<div class="clear_both"><span> </span></div>

</div>

_______________________________________________

Ese código que te dije que insertaras es un ejemplo ok.. pero puedes coger ese y modificarlo a tu gusto

Saludos

 

Hola,

estoy probando este código en mi header.tpl pero me falla al cambiar de idioma,

Link to comment
Share on other sites

  • 3 weeks later...

Minifox

 

Para crear un enlace a inicio, puedes crear un enlace tipo link, y escribir /index.php en el campo.

Eso apuntará a la portada.

 

A mayores, si deseas saber cuantas veces han usado el boton para volver a la portada, puedes poner en vez de / esto otro /index.php?boton-inicio y despues ver las visitas en las estadísticas.

 

Importacioneschampel

 

No se si habrás resuelto ya tu problema. De las posibles causas se me ocurren que le dieras al boton de guardar incorrecto... o que tengas activada la caché en el módulo. Prueba a desinstalar completamente y volver a instalar.

 

Sin más datos poco se pué hacer.

Link to comment
Share on other sites

Minifox

 

Para crear un enlace a inicio, puedes crear un enlace tipo link, y escribir /index.php en el campo.

Eso apuntará a la portada.

 

A mayores, si deseas saber cuantas veces han usado el boton para volver a la portada, puedes poner en vez de / esto otro /index.php?boton-inicio y despues ver las visitas en las estadísticas.

 

Importacioneschampel

 

No se si habrás resuelto ya tu problema. De las posibles causas se me ocurren que le dieras al boton de guardar incorrecto... o que tengas activada la caché en el módulo. Prueba a desinstalar completamente y volver a instalar.

 

Sin más datos poco se pué hacer.

 

 

Hola,

Soy nuevo en el foro y con prestashop llevo unas semanitas trasteandole. Tengo el mismo problema que se comenta aquí por importaciones champel. Tengo activo en preferencias>rendimiento el forzar la compilación y a hilo de este foro he desactivado la cache también en este mismo apartado. Dentro de la configuración del jbx_menu permanece tengo desactivo el radio button de caché y activo el de permitir opciones. Sin embargo no consigo producir cambio alguno, en ninguna de las características y sin embargo si he podido cambiar de otros módulos cosas tocando el .tpl... E probado a quitar todos los demás módulos, instalarlo y desistalarlo, probar en otros prestashop que tengo instalados con distintos modulos y otras cientos de cosas más con resultado nulo. Sin embargo ayer al forzar la compilación por primera vez si que me cambio el texto a "gris" (por defecto) pero como se me movieron todos tuve que meter uno a uno y ya no se produce ninguna modificación. Creo que es como si x cualquier otra cosa ignorase los parámetros de este menú y apareciesen los por defecto, texto en letra negra, que cuando gana el foco se pone en un rojo y con fondo blanco.

También probé a bajarme memcached x si...

Me sería de gran valor su ayuda.

Ante todo Gracias.

Link to comment
Share on other sites

Alguien sabe por que en las preferencias del menu de julien breux no hace caso a nada, es decir, cambio los parametros y siempre y no me cambian en mi web los parametros? tengo instalado 1.4.7 y uso la ultima version del menu de julien breux, ha alguien le sucede?

 

Este tema fue tratado aquí y es justo el mismo problema. Los cambios efectuados a través de las características del menú julien breux aunque aparecen como seleccionados, (por ejemplo cambio de color en el texto) en el diseño del propio sitio web no se manifiestan. Más escueto imposible. El parámetro de forzar la compilación esta activo.

Gracias por contestar tan rápido.

Link to comment
Share on other sites

  • 3 weeks later...

SOy nuevo en PrestaShop y la verdad me parece increible todo lo q puede hacer,

 

quiero agregaar un menu Horizontal, no c como , con lo leido aqui veo que con un Modulo cual es ese modulo y despues de que lo instale como creo el Menu o como lo Modifico se los agradeceria mucho gracias :)

Link to comment
Share on other sites

SOy nuevo en PrestaShop y la verdad me parece increible todo lo q puede hacer,

 

quiero agregaar un menu Horizontal, no c como , con lo leido aqui veo que con un Modulo cual es ese modulo y despues de que lo instale como creo el Menu o como lo Modifico se los agradeceria mucho gracias :)

 

Bájate el jbx_menu aquí: http://www.prestashop.com/forums/index.php?app=core&module=attach&section=attach&attach_id=52739 simplemente lo subes luego desde la pestaña módulos, y en la misma pestaña de los módulos podrás configurarlo.

  • Like 1
Link to comment
Share on other sites

Bájate el jbx_menu aquí: http://www.prestasho...attach_id=52739 simplemente lo subes luego desde la pestaña módulos, y en la misma pestaña de los módulos podrás configurarlo.

 

buenas nadie, he descargado el modulo y lo he subido desde la pestaña de modulos, pero no encuentro el modulo por ningun lado, el caso que a traves de ftp si me aparece el modulo subdo en el servidor, pero desde el BO no lo encuentro.

 

he probado a subirlo por ftp y sigo igual, el modulo no aparece en la pestaña modulos y si sube al servidor.

 

Muchas gracias de antemano

Link to comment
Share on other sites

buenas nadie, he descargado el modulo y lo he subido desde la pestaña de modulos, pero no encuentro el modulo por ningun lado, el caso que a traves de ftp si me aparece el modulo subdo en el servidor, pero desde el BO no lo encuentro.

 

he probado a subirlo por ftp y sigo igual, el modulo no aparece en la pestaña modulos y si sube al servidor.

 

Muchas gracias de antemano

Pero vamos a ver, lo has subido desde la pestaña modulos?

Si lo subes desde el ftp, sube la carpeta jbx_menu y fijate que dentro estén los ficheros y que no este otra subcarpeta llamada jbx_menu

Link to comment
Share on other sites

  • 2 weeks later...

¿Todos los parámetros o algún parámetro? Es decir, ¿Es un detalle o directamente no te guarda nada...?

Limpia la caché de smarty forzando la compilación

 

A mí el único que me daba problemas era el fondo, que o no se guardaba o se borraba al abrir.

 

Hola,

 

Podrias comentar como solucionaste el problema con el fondo, a mi se me queda "marcado" una vez que he pulsado el enlace.

 

Un saludo

Link to comment
Share on other sites

No he entendido lo de "marcado". Creo que dices que cuando pinchas en el el fondo cambie o algo...

 

Mi problema era que se "borraba" el ajuste para cargar la imagen, por lo que se me quedaba de nuevo sin fondo.

 

Lo arreglaba sabiendo que cada vez que tocara algo necesitaba volver a cargarlo.

Link to comment
Share on other sites

  • 5 weeks later...

Gente, que tal...

Tengo exactamente el mismo problema, no me muestra los cambios con el color de fondo, el color del texto si cambia, pero el fondo no.

Sabe alguien la solución a este problema.

Gracias desde ya por cualquier ayuda.

Abre un nuevo tema, para tu duda, exponiéndola de forma completa, colocando la url de tu tienda, ect.. ect.., para que la comunidad pueda atender tu duda de la mejor forma, y así dejar mas organizado el foro.

 

Un saludo

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...