Jump to content

Listado productos Grid

karlitros_69

By karlitros_69
in Discusión general

 Share

Recommended Posts

karlitros_69 Newbie

karlitros_69

Posted
Posted

Muy buenas estoy intentando poner 2 o 3 columnas en el listados de productos de mi web. Ya he leído la forma de hacerlo en el tutorial en ingles que hay en esta web, y hablan de hacer un tema desde 0, el problema es que ya he realizado muchas modificaciones de aspecto por css, y me resulta imposible recordar todos los cambios que he hecho. Alguien me podría decir que cambios tengo que realizar en el products.list? o en otro archivo para hacer 2 o 3 columnas de productos y que quede todo bien cuadrado??, también me gustaría si habría posibilidad de poder elegir el valor del producto en el mismo listado. Me gustaría algo parecido a esta web.  

 

http://www.hortetdelbaix.com/es/comprar/4/frutas

 

Muchísimas gracias por vuestra ayuda, siempre agradecido.

 

Un saludo. a todos.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Si te lias con la guía  de "Nemo" http://nemops.com/grid-display-prestashop-1-5/

 

Tienen un enlace donde dice:

Download Project Files

http://nemops.com/wp-content/uploads/2012/10/product_list_grid_projectfiles.zip

Donde tienen ya los ficheros preparados

 

Una vez descargados y subidos, intentar mirar por ejemplo este tema: http://www.prestashop.com/forums/topic/272994-aparezcan-varios-productos-por-linea/

 

Tambien tienes es tema: http://www.prestashop.com/forums/topic/241418-mostrar-diferentes-formas-de-listado-de-productos-atractivas/

Link to comment
Share on other sites
karlitros_69 Newbie

karlitros_69

Posted
  • Author
Posted

Buenas de nuevo,

 

He conseguido avanzar algo, lo que pasa es que algunos de los productos me salen descuadrados no se porque, también me gustaría que tuviera 2 columnas porque con 3 las imágenes se quedan pequeñas para mi gusto. Os dejo link de mi web para que veáis a que me refiero.

 

También saber si puedo poner la pestaña para elegir el valor del producto en el mismo listado de productos.

 

http://www.banfruit.com/shop/index.php?id_category=22&controller=category&id_lang=1

 

Muchas gracias

 

Un saludo

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

He revisado la informacion pero me sale todo descuadrado. Lo que digo me gustaria aprovechar el ancho de la columna central y tener 2 columnas de productos.

 

 

http://www.banfruit.com/shop/index.php

 

 

Da error 500 http://www.banf ruit.com/shop/index.php?id_category=13&controller=category&id_lang=1 al ver el listado de productos y no puedo verlo.

 

Confirmas y firmas al 100 por 100 ¿Que has seguido lo que ha dicho Nadie aquí: 

 

Si te lias con la guía  de "Nemo" http://nemops.com/grid-display-prestashop-1-5/

 

Tienen un enlace donde dice:

Download Project Files

http://nemops.com/wp-content/uploads/2012/10/product_list_grid_projectfiles.zip

Donde tienen ya los ficheros preparados

 

Una vez descargados y subidos, intentar mirar por ejemplo este tema: http://www.prestashop.com/forums/topic/272994-aparezcan-varios-productos-por-linea/

 

Tambien tienes es tema: http://www.prestashop.com/forums/topic/241418-mostrar-diferentes-formas-de-listado-de-productos-atractivas/

 

¿Bajar ese zip de nemops.com, y despues seguir este enlace: http://www.prestashop.com/forums/topic/272994-aparezcan-varios-productos-por-linea/ ? (El enlace tiene 2 paginas)

Edited by Sergio Ruiz (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hago un resumen bajas este fichero:
 

http://nemops.com/wp-content/uploads/2012/10/product_list_grid_projectfiles.zip

Dentro veras dos ficheros uno llamado "product_list.css" y otro llamado "product-list.tpl"
 
El product-list.css lo subes al directorio: /themes/tu-plantilla/css/ (machacando el que ya tienes)
 
y el product-list.tpl lo subes al directorio /themes/tu-plantilla/ (machacando el que ya tienes)
 
En el fichero product-list.tpl que has subido cambia esto:
 

	<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.iteration%4 == 0}last_row_item{else}item{/if}">

por esto
 

	<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.iteration%3 == 0}last_row_item{else}item{/if}">

En el mismo fichero, cambia esto:

	        <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

por esto

	        <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

Despues en el fichero "product_list.css" que has subido cambia esto:
 

#product_list li {
text-align: center;
float: left;
width: 142px;
padding: 16px;
margin-bottom: 14px;
margin-right: 20px;
background-color: #f9f9f9;
}

por esto
 

#product_list li {
text-align: center;
float: left;
width: 142px;
padding: 16px;
margin-bottom: 14px;
margin-right: 6px;
background-color: #f9f9f9;
height: 272px;
overflow: hidden;
}

En el mismo "product_list.css" que has subido" añade esto:
 

#product_list .clear {
clear: both;
}

Despues en el mismo fichero "product_list.css""
 
Cambia esto
 


#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;

}

 
por esto
 

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height: 30px;
overflow: hidden;
}
Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

he realizado tambien el cambio que hay que hacer para que aparezcan las imágenes pero no aparecen, os dejo la web para que hecheis un vistazo.

 

http://www.banfruit.com/shop/index.php?id_category=22&controller=category&id_lang=1

 

1 - 

 

En tu fichero "product-list.tpl" te sigue cogiendo el home y no el home_default

 

2 - En tu fichero product_list.css tienes esto:

	#product_list li {
		text-align: center;
		float: left;
		width: 142px;
		padding: 16px;
		margin-bottom: 14px;
		margin-right: 20px;
		background-color: #f9f9f9
	       height: 272px;
	       overflow: hidden;
	}

cuando el usuario "Nadie" te ha dicho que lo dejes así: 

#product_list li {
text-align: center;
float: left;
width: 142px;
padding: 16px;
margin-bottom: 14px;
margin-right: 6px;
background-color: #f9f9f9;
height: 272px;
overflow: hidden;
}

Y veo que tienes esto:

#product_list li h3 {
		padding:0 0 10px 0;
		font-size:13px;
		color:#000
               height: 30px;
               overflow: hidden;
	}

cuando tienes que dejarlo asi:

#product_list li h3 {
		padding:0 0 10px 0;
		font-size:13px;
		color:#000;
               height: 30px;
               overflow: hidden;
	}

---

 

En definitiva te has comido los ";" y no has reducido el margin-right.

 

Ademas, he visto que en el fichero:

product-list.tpl

no has cambiado esto:

	        <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

por esto

	        <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
Edited by Sergio Ruiz (see edit history)
Link to comment
Share on other sites
karlitros_69 Newbie

karlitros_69

Posted
  • Author
Posted

Muchas gracias ya he realizado los cambios, siento los tontos despistes y el tiempo que os hago perder por ello. Todo perfecto el único pero es que me gustaría que fueran 2 columnas y no 3  aprovechando todo el ancho de la columna central para poder ver en el product list la imagen del producto mas grande. Otra cuestión es que por css he conseguido hacer la imagen del product list mas grande pero pierde calidad. También para acabar tengo muchos valores en cada producto y dependiendo de que valor cojas tiene un precio distinto. Hay posibilidad de que estos valores se puedan escoger desde el product-list y dependiendo del que elijas cambie el precio en el mismo product list??

 

Muchas gracias por vuestra paciencia

 

http://www.banfruit.com/shop/index.php?id_category=22&controller=category&id_lang=1

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...