Con Prestashop 1.7 han venido muchas ventajas. Pero también alguna cosa extraña que ha habido que arreglar. Entre ellas esta del menú del backoffice. Si añades muchos módulos que agreguen apartados en en menú de la sección de administración, verás que no se puede llegar a la parte inferior porque no hace “scroll”.
Dicen que lo van a solucionar, pero llevan diciéndolo desde las primeras versiones, así que os dejamos una arreglo mientras lo hacen.
Cómo hacer que el menú del backoffice en Prestashop pueda hacer scroll.
Lo primero es hacer que se pueda hacer scroll. Para ello edita el fichero tucarpetadeadmin/theme/default/css/admin-theme.css o mejor, para mantener ese intacto tucarpetadeadmin/theme/default/css/override.css
Y añade las líneas:
#nav-sidebar {
overflow-y: auto; }
::-webkit-scrollbar {display:none;}
Con esto se puede hacer scroll y sin ver la barra. PERO (un gran pero) desaparecen los submenús del menú principal.
También tenemos solución para eso.
Ahora tienes que editar el fichero tucarpetadeadmin/theme/default/js/admin-theme.js y poner lo siguiente al final:
$(function () {
$(document).on(‘hover’, ‘#nav-sidebar li.has_submenu’, function () {
var submenu = $(this).find(‘.submenu’).eq(0);
var marginTop = $(this).position().top + parseInt($(‘header#header > nav’).height());
if ((marginTop + parseInt(submenu.height())) > parseInt($(window).height()))
marginTop -= (marginTop + parseInt(submenu.height()) – parseInt($(window).height())) + 10;
if ($(‘body’).hasClass(‘page-sidebar-closed’))
marginTop += 34;
setTimeout(function () {
submenu.attr(‘style’, ‘position: fixed !important; top: ‘ + marginTop + ‘px !important’);
}, 50);
});
});
Con esto ya tendrás los menús funcinando (fuente de esta función). Parece mentira que no solucionen estas cosas “tan sencillas”.
Os recomendamos los siguientes productos relacionados con la informática:
Canon Pixma TS3550i Impresora Multifunción 3 en 1, Sistema de Inyección de Tinta, Impresión, Escaneo y Copia, WiFi, Pixma Print Plant, Impresión Doble Cara, Impresión Fotográfica, Negro
44,50 € (as of 21 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Kodak Mini 2 Retro Navidad Regalos 4Pass, Impresora Fotográfica + 68 Fotos, Fotos Instantáneas Tamaño 54X86mm, Conexión Inalámbrica Bluetooth - Blanco
80,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
WD_BLACK SN850X 2TB, M.2 2280 Game Drive con disipador térmico PCIe Gen4 NVMe hasta 7300 MB/s
139,99 € (as of 21 noviembre, 2024 08:45 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Palmtree 953XL 953 XL Remanufacturado para HP 953XL Pack para HP Officejet Pro 7720 7740 8210 8720 8710 8715 8740 8718 8725 8218 8728 8730 7730 (Negro/Cian/Magenta/Amarillo, 4 Pack)
35,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
TP-Link RE330 WiFi Repeater, AC1200 Amplifier, Extender up to 120 m2, Powerful Repeater with Ethernet Port, EasyMesh, Compatible with All Internet Boxes
28,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Pisskaen Mochila Hombre Ordenador Portatil Impermeable - 17.3 Pulgadas Bolso Mochilas Para Laptop Viaje Negocio Trabajo Diario Escolares Negro
25,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Lápiz para Pantalla Táctil, Lápiz para iPad 2018 a 2024, Lápiz Stylus de Rechazo de Palma Lápiz, Lápiz iPad con 3 Puntas, Lapiz Táctil con Función Detección de Inclinación
17,68 € (as of 21 noviembre, 2024 08:45 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Epson Impresora multifunción EcoTank ET-2870 A4 con depósito de Tinta, conexión Wi-Fi y hasta 3 años de Tinta incluida
161,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Nuevo Amazon Kindle Scribe (16 GB) | Pantalla rediseñada con bordes uniformes y escritura directa en libros y documentos | Lápiz prémium | Gris tungsteno
429,99 € (as of 21 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Buenos días,
Me alegra ver que hay solución para este problema. He seguido todos los pasos que indicas pero llegada a overrides.css me encuentro el siguiente texto:
/* This stylesheet should be used to add your custom styles to the back-office without using the Sass sources. It will be loaded after all the default styles.
You should NOT edit any other exisiting back-office CSS file manually: they are generated by the Sass preprocessor: http://www.sass-lang.com/ . */
No hay nada de código dentro de este archivo por lo que no sé donde pegar el fragmento que nos dejas. Siguiendo las indicaciones intenté instalar el procesador Sass pero el antivirus lo bloquea al detectarlo como amenaza, por lo que decidí instalar otro y funciona bastante bien: Rapid CSS 2018 (Tiene una versión gratuita de 30 días)
Por otro lado, intenté hacer la modificación de código a través del archivo admin-themes.css pero hay muchos apartados dentro de este archivo ¿En cuál de ellos debería añadir el fragmento de código?
Agradecería cualquier ayuda al respecto, ya sea para hacerlo a través de overrides.css o admin-themes.css.
Muchísimas gracias de antemano,
Un saludo
Buenos días. Nosotros hemos pegado el código justo detrás del texto que nos pasas para el override.css
Estos cambios van a ser sobreescritos en alguna actualización, pero por lo que he leído están rediseñando el menú así que no importa. Es para poder trabajar ahora.
El otro fichero que indicamos es el admin-theme.js (no el css, porque este se encarga de que aparezcan los submenus). Tienes que ponerlo al final.
Buenos días David, ¡Muchas gracias por tu respuesta!
He hecho seguido todos los pasos que me indicas pero finalmente no se aprecia ningún cambio en la web. (Te dejo escrita la web en el apartado Web para que puedas verla)
En cuanto a admin-theme.css me refería al primero que indicas: tucarpetadeadmin/theme/default/css/admin-theme.css y que dices que dejemos intacto y utilicemos overrides.css. ¿Si añadiese aquí el código en qué parte tendría que pegarlo?
¿Sabes si hay fecha para esa actualización?
Muchas gracias de nuevo,
Un saludo
Buenos días. Recuerda que para que se vea tienes que limpiar caché en el navegador, porque este guarda los css y js. Para eso dale a Shift+F5 varias veces o ve a las opciones del navegador a vaciar caché.
Si lo pones al final de los ficheros, salvo que te comas algún paréntesis no debería haber problema.
Y no…no se cuando lo arreglarán, pero estoy pendiente de otros fallos y no van muy deprisa.
si lo tuviese serca y lo conociera le diera un beso jajajaja no sabes cuanto tiempo he buscado esto
Jajajaj gracias.