(SOLUCIONADO) Alinear en cuadricula subcategorias.

[Sandfield]

Siguiendo un post del foro llegue a uno donde se explicaba donde poner las subcategorias en modo cuadricula concretamente esta solucion fue la que segui.

http://victor-rodenas.com/2013/02/16/guia-mostrar-subcategorias-en-grid-cuadricula-en-prestashop-1-5/

 

Pero al revisar las subcategorias veo que estan todas puestas una debajo de la otra alguna ayuda para esto?

 

Edited October 12, 2013 by Sandfield (see edit history)

[nadie]

Olvidate de esa guía, desaz los cambios que hayas realizado y fijate en esta guía: http://mypresta.eu/en/art/developer/prestashop-subcategories-grid.html

[nadie]

Indicar que aquí:

http://netcombyte.es/themes/PRS030072/css/category.css

has puesto esto:

.inline_list  li {
	padding:10px 0;
	border-bottom:1px dotted #ccc
        float: left;
        width:89px;
}

y te has comido un ";", en todo caso asi:

.inline_list  li {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
        float: left;
        width:89px;
}

pero vamos tambien a que añadir un height, etc... sigue la guía de vekia: http://mypresta.eu/en/art/developer/prestashop-subcategories-grid.html

[Sandfield]

Listo ya veo por donde van los tiros quiero ir mas rapido de lo que debo. xD

Edited October 12, 2013 by Sandfield (see edit history)

[nadie]

Listo ya veo por donde van los tiros quiero ir mas rapido de lo que debo. xD

 

¿Solucionado?

[Sandfield]

no del todo veo que algunos cuadrados de cuadricula se quedan pequeños como podria agrandarlos?

[nadie]

Bah, en base a lo que tienes en tu fichero:

http://netcombyte.es/themes/PRS030072/css/category.css

Realiza las siguientes modificaciones.

 

Busca esto:

.inline_list  li {
	text-align: center;
  float: left;
  display: inline-block;
  width: 96px;
  height: 100px;
  border: 1px dotted #ccc;
  margin: 4px;
}

Y dejalo así:

.inline_list li {
text-align: center;
float: left;
display: inline-block;
width: 134px;
height: 100px;
border: 1px dotted #ccc;
margin: 4px;
padding-bottom: 2px;
}

Despues, en el mismo fichero, busca esto:

.inline_list  li .cat_name {
	font-weight:bold;
	font-size:13px
}

y dejalo asi:

.inline_list li .cat_name {
font-weight: bold;
font-size: 13px;
clear: both;
display: block;
height: 30px;
overflow: hidden;
}

(Atención no te comas los ";")

 

Despues, en el mismo fichero, busca esto:

.inline_list  li .img {
	display: block;
        float: left;
        margin-left: 15px;
}

Y dejalo asi:

.inline_list li .img {
display: block;
float: left;
margin-left: 31px;
margin-top: 7px;
}

[nadie]

Otra vez te has comido los ";"

 

Has puesto esto:

.inline_list  li .cat_name {
	font-weight:bold;
	font-size:13px
clear: both;
display: block;
height: 30px;
overflow: hidden;
}

Depende esto:

.inline_list  li .cat_name {
	font-weight:bold;
	font-size:13px;
clear: both;
display: block;
height: 30px;
overflow: hidden;
}

[nadie]

 

Otra vez te has comido los ";"

 

Has puesto esto:

.inline_list  li .cat_name {
	font-weight:bold;
	font-size:13px
clear: both;
display: block;
height: 30px;
overflow: hidden;
}

Depende esto:

.inline_list  li .cat_name {
	font-weight:bold;
	font-size:13px;
clear: both;
display: block;
height: 30px;
overflow: hidden;
}

 

 

Adjunto Imagen

 

[nadie]

¿hola? ¿hola?

[Sandfield]

he variado un poco el codigo para dejarlo al gusto y bien centrado pero ya esta listo. solucionado

[Sandfield]

un detalle mas para alinearlo todo en el centro es decir toda la cuadricula completamente