Modificar un módulo de un menú horizontal para Prestashop

Revisar Preferencias > Rendimiento > Forzar compilación. Puede servir esta entrada: Modificar tema de Prestashop.

La mayoría de los módulos de pago y muchos gratuitos se pueden modificar desde el Back-Office. Si éste no se puede, o no del todo, quizá venga bien leer que sigue: el código «comentado» de uno de los enlaces del menú:

<li id=»header_link_contact»> ………………….La clase CSS del li, el elemento del menú

<a class=»headerlink_specials»> ……………..La clase CSS del enlace del menú

{if $page_name==’contact-form’} active{/if}»

Condicional php: Indica si el enlace está activo mediante la variable $page_name, usando la clase CSS active. Hay que conocer esta variable de la página de destino para añadir un enlace nuevo con este condicional

href=»{$base_dir_ssl}contact-form.php» …………………….Página de destino del enlace

title=»{l s=’contact’ mod=’blockpermanentlinks’}»>

Título del enlace, y texto que aparece si dejas el ratón encima. Se puede cambiar y traducir mediante el Back-Office, Herramientas > Traducciones > Traducciones de los módulos

{l s=’contact’ mod=’blockpermanentlinks’}…………………..Texto del enlace, se cambia igual que el anterior

</a></li>……………………………Fin del enlace, fin del li

Si deseas añadir un enlace nuevo, y no se puede hacer desde el BO, añadir una cosa parecida a lo siguiente dentro del ul del módulo:

<li id=»header_link_contact»>
<a class=»headerlink_specials{if $page_name==’my-account’} active{/if}» href=»{$base_dir_ssl}my-account.php» title=»{l s=’my account’ mod=’blockpermanentlinks’}»>{l s=’My account’ mod=’blockpermanentlinks’}
</a></li>

Es un enlace a «mi cuenta», a la página my-account.php.

Si se desea cambiar el aspecto (colores, tamaño de letra…), es necesario modificar el CSS. Puede que no sea necesario añadir ninguna propiedad, sólo modificar las que ya existen. A veces los módulos tienen un archivo CSS propio, dentro de la carpeta del módulo.

Deja un comentario