ozerom Posted October 16, 2015 Share Posted October 16, 2015 Hola, Me gustaría saber si alguien conoce un módulo o alguna forma para crear una barra de menú específica para móviles, del tipo con iconos en la parte superior donde aparezca el tipico de 3 lineas (que sería el menu), la lupa (que es la busqueda), el carrito (que es el carrito) y una persona (que es el acceso a cuenta). Tal y como viene preparado ahora el PS 1.6 estos menus y opciones ocupan más de la mitad de la pantalla y queda bastante cutre y funcionalmente deja mucho que desear. A ver si me podéis echar una mano. Gracias. Link to comment Share on other sites More sharing options...
ozerom Posted October 16, 2015 Author Share Posted October 16, 2015 No me puedo creer que nadie haya pensado en esto... Link to comment Share on other sites More sharing options...
Dany developer Posted October 16, 2015 Share Posted October 16, 2015 Pues no es necesario crear un modulo para lo que pides, simplemente es cambiar el estilo con css yo ya lo he hecho varias veces y no es tan complicado. Link to comment Share on other sites More sharing options...
ozerom Posted October 17, 2015 Author Share Posted October 17, 2015 Y me podrías decir como? Porque yo lo intento pero no lo consigo Link to comment Share on other sites More sharing options...
Dany developer Posted October 17, 2015 Share Posted October 17, 2015 no me gusta preguntar eso pero hay que saber con lo que contamos antes de empezar a aconsejarte. ¿Tienes conocimientos en css? Link to comment Share on other sites More sharing options...
ozerom Posted October 17, 2015 Author Share Posted October 17, 2015 Básicos. Gran parte de la plantilla la he modificado haciendo uso del CSS, cambiando tamaños se lugares, textos, colores... poniendo fondos, márgenes,... en fin, con esto intenté buscar la forma de hacer la barra de menú que comento pero con lo que se conseguí poco intentando modificar la apariencia de los menús en bajas resoluciones, además luego me daba problemas en ordenadores. Ve comentandome y te sigo, si me pierdo o si hay algo demasiado avanzado para mi te lo digo. Muchas gracias Link to comment Share on other sites More sharing options...
Dany developer Posted October 17, 2015 Share Posted October 17, 2015 Pues de los conocimientos que me comentas es suficiente para hacer lo que te propones, te recomiendo a que hagas un boceto de como quieres que quede o si ya tienes un diseño definido ¿Podrías subir la imagen? para ver que tan complejo esta, también tu dirección de la pagina. Link to comment Share on other sites More sharing options...
ozerom Posted October 18, 2015 Author Share Posted October 18, 2015 (edited) A ver si se poner una imagen... La web es tankasports.com Edited October 18, 2015 by ozerom (see edit history) Link to comment Share on other sites More sharing options...
ozerom Posted October 18, 2015 Author Share Posted October 18, 2015 Así es el menú que quiero hacer Link to comment Share on other sites More sharing options...
Dany developer Posted October 19, 2015 Share Posted October 19, 2015 mmm con ese diseño probablemente también tendrás que usar jquery para desplegar el contenido que hay en esas secciones. Bueno para empezar lo que yo haria y quiero resaltar el que "yo haría" por que no dudo que halla una forma mas adecuada de hacerlo. Primero haz un div con cierta clase o id que solo se visualice en las resoluciones que quieres que se vea esta vista, por lo regular yo uso media por rangos: @media (min-width: XXXXpx) and (max-width: XXXXpx) { (si no sabes acerca de esta función de media te recomiendo consultar antes de aplicarla para que veas como funciona). Dentro de este div agregaras el mismo contenido de los hooks quedaría algo así: <div id="nuevo_div">{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}</div> También trata de agregar un nuevo div en el hook que tienes actualmente para que lo puedas controlar ocultándolo y mostrándolo. Después de esto solo tienes que darle estilo siempre haciendo referencia a el div nuevo por ejemplo: #div_nuevo .menu{.....} para el jquery, a mi me sirvió este: $('#alternar-panel-oculto').toggle( ... te recomiendo que le des una revisada a la propiedad toggle de jquery. creo que donde tardaras mas es en el diseño de cada icono que muestras en tu dibujo yo ocultaría todos los módulos a excepción de estos y los textos lo cambiaría a estos iconos y les daría un width de 25% con float:left; como te menciono hay muchas maneras de hacerlo, para apoyarte mejor usa el developer tools de google chrome (F12) para que veas los ids y clases de los divs de los módulos. Espero no haberte reburujado mas pero no se como explicarlo mas sencillo. Saludos Link to comment Share on other sites More sharing options...
ozerom Posted October 19, 2015 Author Share Posted October 19, 2015 Te agradezco toda tu ayuda. Me pondré a ello y te comento. Muchas gracias Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now