Configurar vista Bloque nuevos productos [SOLUCIONADO]

[maestrosombrita]

Buenas,

 

Soy nuevo con Prestashop y tengo una duda que me trae de cabeza.

 

He movido el bloque de nuevos productos a la zona central de la home. Todo correcto.

 

El problema lo encuentro a la hora de presentar los productos. Por un lado me aparecen las cuatro imagenes y después las cuatro descripciones.

 

Lo que quiero es que aparezca la imagen y al lado el nombre del producto. Ahora cada cosa esta separada,

 

<ul class="product_images clearfix">
 {foreach from=$new_products item='product' name='newProducts'}

<li{if $smarty.foreach.newProducts.first} class="first image"{/if}><a href="{$product.link}" title="{$product.legend|escape:html:'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium_default')}" height="{$mediumSize.height}" width="{$mediumSize.width}" alt="{$product.legend|escape:html:'UTF-8'}" /></a></li>

 {/foreach}
 </ul>
 <ul class="products">
 {foreach from=$new_products item=newproduct name=myLoop}
				<li class="clearfix{if $smarty.foreach.myLoop.last} last_item{elseif $smarty.foreach.myLoop.first} first_item{else} item{/if}">
					<a class="title" href="{$newproduct.link}" title="{$newproduct.name|escape:html:'UTF-8'}">{$newproduct.name|strip_tags|escape:html:'UTF-8'}</a>
  {if $newproduct.description_short}<div class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if}"><a class="descriptionText" href="{$newproduct.link}">{$newproduct.description_short|strip_tags:'UTF-8'|truncate:75:'...'}</a><a href="{$newproduct.link}" class="lnk_more">{l s='Read more' mod='blocknewproducts'}</a></div>{/if}
					</li>
 {/foreach}
 </ul>

 

¿Cómo debería unir los dos ul en uno solo para mostrar imagen y descripción?

 

 

Miles de gracias !!

Edited January 12, 2013 by maestrosombrita (see edit history)

[lobros]

Tienes el url de tu tienda?

[maestrosombrita]

en desarrollo lo tengo en local

[Sergio Ruiz]

Lo que quieres, creo que lo tienes aquí: http://www.prestashopic.com/eshop/lang-es/prestashop/19-home-new-products-block.html

 

Saludos

[chicoco]

un screenshot de lo que tienes ayudaría

[maestrosombrita]

Muchas gracias a todos. Lo tengo solucionado, copio el código para que le pueda servir a otros usuarios:

 

<!-- MODULE Block new products -->
<div id="new-products_block_right" class="block products_block">
<div class="titular"><h4><a href="{$link->getPageLink('new-products')}" title="{l s='New products' mod='blocknewproducts'}">{l s='New products' mod='blocknewproducts'}</a></h4><p class"todos"><a href="{$link->getPageLink('new-products')}" title="{l s='All new products' mod='blocknewproducts'}">{l s='All new products' mod='blocknewproducts'}</a></p></div>
<div class="block_content" id="nuevosProductos">
{if $new_products !== false}
 <ul class="product_images clearfix">
 {foreach from=$new_products item='product' name='newProducts'}
  {if $smarty.foreach.newProducts.index < 4}
   <li class="{if $smarty.foreach.newProducts.last}last_item{elseif $smarty.foreach.newProducts.first}first_item{else} item{/if}"><a href="{$product.link}" title="{$product.legend|escape:html:'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'novedades_df')}" height="{$largeSize.height}" width="{$largeSize.width}" alt="{$product.legend|escape:html:'UTF-8'}" /></a>
 <h5><a href="{$product.link}" title="{$product.name|escape:htmlall:'UTF-8'}">{$product.name|escape:htmlall:'UTF-8'}</a></h5>
 <span class="price">{displayWtPrice p=$product.price}</span>
   </li>
  {/if}
 {/foreach}
 </ul>

{else}
 <p>» {l s='No new products at this time' mod='blocknewproducts'}</p>
{/if}
</div>
</div>
<!-- /MODULE Block new products -->

 

Con esto he conseguido lo que quería, mostrar la imagen del producto, su nombre y el precio. Luego con css ya me he creado un recuadro para cada uno de ellos.

 

Mil gracias a todos