Magento

Hola foreros,

Tengo una pregunta sobre CSS. Me gustaría alinear el menú de navegación de las categorías en el centro, en vez de a la izquierda.

Lo he probado tocando en menu.css, pero sin éxito. Algunos posts del foro en inglés no dan solución concreta. 

Lo interesante sería que el código siga siendo crossbrowser y no de problemas.

¿Alguien lo ha conseguido?

Cuando modificaste el css, ¿cómo te quedó el menú?.
¿Podés subir una imagen del resultado y otra con los template path hints activados?

Hola Damián, no hay resultado que te pueda enseñar, porque en realidad estaba preguntarlo cómo hacerlo!

Ok, pasame por PM los posts a los que hacés referencia y pruebo.

Estimado Damián,

te paso el post donde más se concreta este tema. Como ves no hay todavía una solución clara.

http://www.magentocommerce.com/boards/viewthread/17528/

Ya puedes ser un mago del CSS para centrar el menú y sea multinavegador.

Saludos!

Si bien no he sido de lo más prolijo para lograrlo… ¿es algo cómo lo que aparece en la imagen lo que estás buscando?
Saludos.

Click thumbnail to see full-size image

Exacto Damián   !

Para verlo más completo imagina varias categorías más, y algunos links a páginas tipo ‘Home’.

Lo de completar con más categoríás está claro, pero no me imagino lo de los links de Home y eso.
Igualmente, es posible resolverlo con CSS.

Entonces Damián, ¿cómo has resuelto el CSS para centrar las categorías?

@doctorlogos

Perdón por la demora… fin de semana… al menos un día hay que parar.
Te cuento como hice, que si bien no ha sido una solución mágica, se adaptó al diseño en cuestión.
Lo que hice fue ponerle a la lista, un margin-right y un margin-left con el mismo porcentaje.
Como viste, es posible adaptarlo, pero tiene la contra que en caso de modificar los nombres de las categorías (y por consiguiente, el ancho del contenido), eso podría deformarse un poco.

No estoy seguro si se lo puede dejar para que sea tan mágico el posicionamiento.

Puede valer. Aunque si tienes un multistore, con el cambio de idiomas bailaría.

Un saludo.

¿Y si usás un tema para cada idioma y en cada tema tocás el CSS?.
El tema 1, para el idioma A.
El tema 2, para el idioma B.
Si bien estéticamente ambos temas pueden ser iguales, y suponiendo que tomes el tema 1 como referencia; en el tema dos, configurás que use para todo (plantillas, layout, predeterminado) lo del tema 1.
Sólo le dirías que utilize del tema 2, las traducciones (si es qeu son diferentes al Locale) y los archivos del Skin.
Dentro del skin, en el css, resolverías el la alineación para ese idioma.

Insisto, es una solución parche. Pero si podés controlar la carga de cateogrías funciona.

Lo que queda por hacer, como alternativa y con más tiempo, es agarrar el skin blank y arrancar de 0.