Hola, me gustaria que alguien me pudiera ayudar, he estado buscando mucho, lo poco que he encontrado en ingles no explican esactamente lo que busco.
Tengo el Layout a 100% es decir que se ajusta al tamaño del navegador.
Me gustaria que los articulos en la tienda hiciesen lo mismo, ahora tengo tres columnas que son muy pocas. Si no es posible hacer que las columnas se repartan segun el tamaño del navegador hacer que en vez de 3 sean 5, 6 o las que sean.
Muchas gracias.
Buenos dias,
si tienes algo de conocimientos de php y te vas a app/design/frontend/tu_tema/tu_tema/template/catalog/product/list.phtml no te costara mucho ver que es lo que tienes que modificar... pero como soy buena persona te voy a dar una pequeña pista!
Busca esto:
<?php if($i++%3==0): ?>
Hay dos como esta que indican que si el modulo 3 de la variable i es 0 entonces abre o cierra una nueva linea de grilla. Si no has entendido nada de lo que he dicho te lo pondre mas senzillo: si la division entre i ( que es una variable que se va incrementando de 1 en 1) entre un valor X ( en el caso por defecto X=3) da de resto 0 abrirá o cerrará una linea de la grilla. Por lo tanto si pones un 4, se abrirá o cerrara a los 4, 8, 12, 16, etc....
Primer paso concluido, modificando el phtml.
Ahora bien, hay que mirar otra cosa. Te vas al Panel de administracion Sistema > Configuracion > Catálogo > Catálogo. Si te fijas en el recuadro de Frontend tienes :
Modo de la lista: Esta claro que aquí va Cuadricula o Mezcla entre Lista y cuadricula
Valor de los productos por pagina en la grilla: En la vision de cuadricula queremos ahora que aparezcan los multiplos del valor X Introducido en el .phtml en el caso de 4 tednriamos pues --> 12,24,40
Valor por defecto de productos por página en vista de cuadrícula: 12
... y creo que con esto y un bizcocho te tiene que funcionar sin problemas. Saludos.
Versión de Magento 1.4.1.1
Hola Larry muchas gracias por tu ayuda, todo perfecto menos que <?php if($i++%3==0): ?> no se enuentra en ese archivo. En la ultima version que es la que tengo instalada (perdona por no ponerlo antes) esto lo han cambiado, sabes como puedo hacerlo, muchas gracias otra vez.
Mi version es la 1.3.2.3 y a mi si me aparece... que version tienes? Puedes subir tu list.phtml?
OK: Ya se lo que te pasa, han cambiado dicha funcion en la 1.3 por esta:
<?php $_columnCount = $this->getColumnCount(); ?>
Vamos a solucionarlo :bleh: (no me venceran estos de Magento jejeje)
te vas a app/design/frontend/tu_tema/tu_tema/layout/catalog.xml y buscas esto:
<block type="catalog/product_list_upsell" name="product.info.upsell" as="upsell_products" template="catalog/product/list/upsell.phtml">
<action method="setColumnCount"><columns>4</columns></action>
<action method="setItemLimit"><type>upsell</type><limit>4</limit></action>
</block>
Copia solo estre trozo:
<action method="setColumnCount"><columns>4</columns></action>
Busca estas dos secciones y haz lo siguiente:
<catalog_category_default>
<catalog_category_layered>
pegas el trozo copiado justo debajo de
<block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">
quedando pues de esta forma:
<block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">
<action method="setColumnCount"><columns>4</columns></action>
...y segun el foro guiri tendria que funcionar! a ver si es verdad, ya me contaras.
Cambia el 4 por las columnas que desees.
Versión de Magento 1.4.1.1
si esa misma la 1.3.2.3 te adjunto el list pero en txt que no m lo deja adjuntar de otra forma.
pd. Se puede ajustar la cantidad de columnas de productos al ancho del browser?
saludos
Mira el post de arriba que lo he editado.
Para ver cosas de tamaños, medidas y estilos. te recomiendo que utilices la herramienta firebuf de Mozilla Firefox. Asi sabras que estilos esta cargando cada elemento de tu pagina web y modificarlos insitu viendo los cambios al momento. Veras como te soluciona la vida :D.
Versión de Magento 1.4.1.1
OK! no funciona, pero lo que de verdad me interesa es que pudieran moverse dependiendo del ancho del navegador. gracias por tu ayuda.
Buenos dias,
Para no llenar este post de codigo te voy a dar los links del foro Oficial de Magento para que tu mismo vayas probando las posibles soluciones que dan los usuarios a tu problema.
1.- http://www.magentocommerce.com/boards/viewthread/44315/
Versión de Magento 1.4.1.1
buenos dias, ok larry ese post lo vi pero no me ayudo en nada, me an dicho que para que el numero de columnas dependa del ancho del navegador tengo que poner en el grid ada producto como un objeto uno detras del otro sin saltos para que se vaya llenando a la vez que hago mas ancha la pantalla. pero no se como hacer eso. gracias de todas formas.
Larry mira es algo asi: http://www.amazon.de/exec/obidos/subst/home/home.html/280-0894429-4624124?_encoding=UTF8&tag=dreyerde21-21&link_code=hom
Voy a instalarme una tienda de prueba en local para probar la ultima version y pruebo a ver cual es la mejor forma para hacer lo que quieres.
Espero tener una respuesta para ti mañana. Un saludo.
Versión de Magento 1.4.1.1
Buenas,
Ya he hecho las pruebas con la ultima version y haciendo esto me ha funcionado sin problemas (ancho del body a 100% y ancho del middle container al maximo que me permite el 3columns.phtml):
He sustituidon en el list.phtml:
<?php if($i++%$_columnCount==0): ?>
por
<?php if($i++%5==0): ?>
y
<?php if($i%$_columnCount==0 || $i==$_collectionSize): ?>
por
<?php if($i%5==0 || $i==$_collectionSize): ?>
donde 5 es el numero que quieres de prductos por fila. A ver si asi te funciona.
Saludos!
Versión de Magento 1.4.1.1
Hola larry, pues no me ha funcionado, no quiero poner un numero fijo de columnas, sino que el numero de columnas dependa de la resolucion de pantalla de cada uno...ver: http://amazon.de
Pero muchas gracias por todo y disculpa las molestias.
En catalog/produt/list.phtml tambien hay que agregar despues de $_helper = $this->helper('catalog/output'); (Línea 32 +-)
$this->setData('column_count',4);
Ahi sí funciona.