Cambiar Vista de Productos ?

[fergzz]

Hola

 

Como puedo cambiar la vista de los productos ? ya logre cambiar la vista a grid pero solo me muestra 2 columnas y quiero incrementarlo a 3 o 4, sabe alguien cuales archivos hay que modificar ya que lo no logro encontrarlo en el foro y sera posible al momento de entrar a los productos agregar la opcion de escoger en el front office como quiero que me muestre los productos si por list o grid ?

 

Uso la version 1.5

 

 

Gracias de antemano

[Sergio Ruiz]

Hola

 

Como puedo cambiar la vista de los productos ? ya logre cambiar la vista a grid pero solo me muestra 2 columnas y quiero incrementarlo a 3 o 4,

 

Uso la version 1.5

 

 

Gracias de antemano

 

Quizas sera cosa de reducir el ancho en el css, en la parte referente al "li"

 

Dime la url de tu tienda.

Edited May 8, 2013 by Rubalcaba (see edit history)

[fergzz]

Quizas sera cosa de reducir el ancho en el css, en la parte referente al "li"

 

Dime la url de tu tienda.

 

 

Hola anexo el link de la imagen de mi tienda ya que aun la subo solo la tengo localmente

 

http://clip2net.com/s/52f41R

 

 

Y asi tengo mi archivo product_list.css ......

 

ul#product_list {

list-style-type: none

}

#product_list li {

text-align: center;

float: left;

width: 142px;

padding: 16px;

margin-bottom: 14px;

margin-right: 20px;

background-color: #f9f9f9

}

#product_list li.last_row_item {margin-right: 0;}

 

#product_list li a {

color: #374853;

text-decoration: none

}

#product_list a.product_img_link {

overflow:hidden;

position:relative;

float: left;

display:block;

border: 1px solid #ccc

}

#product_list a.product_img_link img {

display: block;

vertical-align: bottom

}

 

#product_list li span.new {

display: block;

position: absolute;

top: 15px;

right:-30px;

padding: 1px 4px;

width: 101px;

font-size:10px;

color: #fff;

text-align: center;

text-transform: uppercase;

-moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform: rotate(45deg);

background-color: #990000

}

#product_list li h3 {

padding:0 0 10px 0;

font-size:13px;

color:#000

}

 

#product_list li p.product_desc {

overflow: hidden;

padding:0;

line-height:16px;

}

#product_list li p.product_desc,

#product_list li p.product_desc a {

color:#666;

}

 

#product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only {

display: block;

font-weight: bold;

margin: 5px 0;

padding: 1px 5px;

color: #990000;

text-transform: uppercase

}

#product_list li .discount {

display: inline-block;

font-size: 10px;

color: #fff;

background: none repeat scroll 0 0 #9B0000

}

 

#product_list li .content_price {

width: 142px;

float: left;

}

#product_list li .price {

display: block;

padding-bottom: 15px;

font-weight:bold;

font-size: 16px;

color:#990000

}

#product_list li span.availability {

display:none; /* remove to show availability */

color: #488C40

}

#product_list li .ajax_add_to_cart_button {

padding-left: 20px

}

#product_list li .ajax_add_to_cart_button span {

display: block;

position: absolute;

top: -1px;

left: -12px;

height: 26px;

width: 26px;

background: url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent

}

#product_list li p.compare {padding-bottom: 0;margin-top: 10px;}

 

 

Saludos y gracias