AJout d'une fonction infos en pop up au passage de la souris

[Wormholesurfer]

Bjr a tous, j'ai poste plusieurs topic sur le forum , notamment un concernant la possibilite d'augmenter la ffichage de produits dans une page categories.

actuellemetn mes produits s'affichent un par ligne ( le prestashop de base)

j'aurai aime augmenter ce nombre et arriver a 2 ou 3 produit par ligne, et ce, pour reduire le bombre de page ...

 

de cette maniere le bloc resume de chaque produits se trouvera supprime ou tres fortement reduit et je me demandais si il n'existais pas une possibilite ( si possible module) pour affichier un pop up d'informations au passage de la souris sur l'image d'un produit ...

 

Merci pour vos aides/conseils

[stephane.964]

Bonjour. a continuer de personnaliser..

3 produits par ligne

 

le nom (nom complet au survol

la photo (descriptif court au survol

tarif

ajout au panier

 

le reste a été enlevé.

 

post: http://www.prestashop.com/forums/topic/99248-change-sub-category-view-to-grids-instead-of-list-v14/

 

{if isset($products)}
<!-- Products list -->
<ul id="product_list" class="clear">
{foreach from=$products item=product name=products}
 <li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} clearfix">

 <h5><a href="{$product.link}" title="{$product.name|truncate:70:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:21:'...'|escape:'htmlall':'UTF-8'}</a></h5>

		<div class="center_block">
 <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.description_short|strip_tags|truncate:300:'...'}"><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} /></a>
  </div>
  <div class="right_block">
   {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="on_sale">{l s='On sale!'}</span>
{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="discount">{l s='Reduced price!'}</span>{/if}
{if isset($product.online_only) && $product.online_only}<span class="online_only">{l s='Online only!'}</span>{/if}
{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
<div>
 {if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span class="price" style="display: inline;">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span><br />{/if}
</div>
{/if}
{if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
 {if ($product.allow_oosp || $product.quantity > 0) && $product.customizable != 2}
  <a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart.php')}?add&id_product={$product.id_product|intval}{if isset($static_token)}&token={$static_token}{/if}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>
 {else}
   <span class="exclusive">{l s='Add to cart'}</span>
 {/if}
{/if}
{*	<a class="button" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a> *}
{if isset($comparator_max_item) && $comparator_max_item}
 <p class="compare"><input type="checkbox" onclick="checkForComparison({$comparator_max_item})" class="comparator" id="comparator_item_{$product.id_product}" value="{$product.id_product}" /> <label for="comparator_item_{$product.id_product}">{l s='Select to compare'}</label></p>
{/if}  
  </div>
 </li>
{/foreach}
</ul>
<!-- /Products list -->
{/if}