Necesitas mi libro "Claves para abrir una tienda online y que venda" y lo sabes...


¿Quieres comprarlo en otro sitio?

Amazon | Casa del Libro

Ocultar subcategorías en menu horizontal Prestashop

Si tienes muchas subcategorías de tercer nivel (ej: Coches > Marcas > Marca n) que hacen que el menú horizontal superior no sea manejable al mostrar las distintas subcategorías, tendrás que ocultar las subcategorías en menu superior horizontal modificando la hoja de estilos de tu plantilla (global.css en el directorio "css" correspondiente a tu plantilla en "themes").

La línea a incluir es:

.pt_custommenu div.pt_menu .itemSubMenu { display: none !important; }




ANTES


DESPUÉS


Mi fragmento código se queda así (actualización 15/01/16):

.pt_custommenu div.pt_menu.active a, #pt_menu_pt_item_menu_custom_menu.active .parentMenu span,#pt_menu_link a:hover, .pt_custommenu div.pt_menu.active .parentMenu a:hover{background-color: #fdfdfd; color: #00945E;}.pt_custommenu div.pt_menu.act a{background-color: #fdfdfd; color: #00945E;}.pt_custommenu div.pt_menu .itemMenu .itemMenuName{font-size: 13px; font-family: 'Open Sans'; font-weight: normal; color: #444; background: none; padding: 0; border-bottom: 1px solid #d2d2d2;}.pt_custommenu div.pt_menu .itemMenu .itemMenuName{font-size: 16px; font-family: Open Sans Semibold; text-transform: uppercase; font-weight: normal; color: #444; background: none; padding: 0; border-bottom: 1px solid #d2d2d2;}.pt_custommenu div.pt_menu .itemMenu a:hover{color: #00945E;}/*  inicio modif para ocultar subcategorias */.pt_custommenu div.pt_menu .itemSubMenu { display: none !important; }/* fin modif para ocultar subcategorias */.pt_custommenu div.pt_menu .itemSubMenu a.itemMenuName{line-height: 28px; color: #000; padding-left: 13px; font-weight: normal; font-size: 15px; padding: 0; font-family: 'Open Sans'; border: none; }.pt_custommenu div.pt_menu .itemSubMenu a:hover{color: #00945E; }


5 comentarios:

  1. a mi no me funciona
    estoy usando prestashop 1.6.0.9
    ¿hay que insertar la línea en algún punto específico del fichero?

    ResponderEliminar
    Respuestas
    1. Hola, he actualizado el post con el fragmento de código.

      Saludos.

      Eliminar
  2. Hola

    Jose Luis

    Me puedes apoyar para saber la ruta y como ingresar esa línea, la solución que estás aportando es justo lo que necesito pero no tengo conocimiento de programación

    Gracias!

    ResponderEliminar
  3. Hola, la ruta es:

    themes/NOMBREDETUPLANTILLA/css/global.css

    Al abrir el archivo global.css para editarlo tendrás que buscar la cadena ".pt_custommenu div.pt_menu .itemSubMenu" para localizar el bloque que afecta a esa parte del menú y añadir al final (así vas sobre seguro) estas 2 líneas:

    .pt_custommenu div.pt_menu .itemSubMenu { display: none !important; }

    Recuerda hacer copia del archivo ORIGINAL antes de cambiar y actualizar nada...

    ¡Suerte!

    ResponderEliminar
    Respuestas
    1. Puse 2 líneas pero es sólo 1 en realidad:

      .pt_custommenu div.pt_menu .itemSubMenu { display: none !important; }

      Eliminar