cambiar tamaño letra menu superior prestashop 1.6

Cambiar tamaño letra del Menú Superior en PS 1.6

En una tienda online es muy común necesitar cambiar el tamaño de los textos del menú superior. Una de las principales razones es evitar que en determinados tamaños de pantalla el menú aparezca en 2 líneas en lugar de una. Para solucionar este problema vamos a daros una solución muy rápida y sencilla.

Prestashop 1.6 incluye un módulo de serie para mostrar el menú horizontal, donde se organizan las distintas categorías, productos o enlaces. Se trata del módulo (blocktopmenu) o Menú horizontal superior.

Se accede a él a través del backoffice: – Módulos y Servicios – y poniendo “menu” en el buscador de módulos. Pulsando sobre “Configurar” podemos entrar para añadir nuevos enlaces, categorías, productos, etc…, pero no permite cambiar el tamaño de la fuente de letras de los enlaces del menú ni su espaciado.

Para ello tenemos que modificar el archivo superfish-modified.css que se encuentra en la ruta;

/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

Una vez descargado y abierto con el programa que usemos para editar, tenemos que buscar (ctrl+f) el trozo de código:

.sf-menu > li > a {
    border-bottom: 3px solid #e9e9e9;
    color: #484848;
    display: block;
    font: 600 18px/22px "Open Sans",sans-serif;
    padding: 17px 20px;
    text-transform: uppercase;

Y cambiar el tamaño en píxeles (en este caso es 18px) por el valor que deseamos.

Cambiar el espaciado entre enlaces:

Ya que estamos editando el archivo css del menu horizontal superior vamos a explicaros también como modificar el espacio entre los enlaces del menú para conseguir que entren más enlaces o categorías.

Para ello debemos modificar la línea;

padding: 17px 20px;

dejando siempre el primer valor igual, ya que hace referencia al espacio vertical y no al espacio horizontal.

Podemos probar con el valor 15px en lugar de 22px de distancia.

Una vez realizado este cambio guardamos y subimos el archivo en el mismo destino de donde lo descargamos y refrescamos nuestra tienda para ver si los cambios han tenido el efecto que esperábamos.

Lo ideal es encontrar un equilibrio entre el tamaño de la fuente de letra y el espacio entre los enlaces, para evitar textos demasiado pequeños o espacios demasiado cortos.

¡Y ésto es todo amig@s!

 

Sobre el Autor: Franky Martin (ADMIN)

Deja un comentario

Tu dirección de email no será publicada.

18 − dieciseis =