[Résolu] Problème affichage produits phares

[monpelcok]

Bonjour,

 

Je rencontre un petit problème dans l'affichage de mes produits phares...

Ci-joint une image qui parle d'elle-même..

 

J'ai épluché le global.css et homefeatured.tpl avec firebug mais je ne trouve pas d'où ça provient...

En faisant des modifs pour que ça s'affiche correctement, je perds le "plus d'infos" et/ou le "ajouter au panier".

 

Comme ma boutique est en local, je vous joins également mes fichiers global.css et homefeatured.tpl.

 

Je suis sur prestashop 1.4.7 et j'utilise le thème suivant : http://addons.presta...emplate-15.html

 

Si quelqu'un avait un instant pour me filer un coup de main, ce serait sympa.

 

Merci.

 

Homefeatured.tpl :

 

 

<!-- MODULE Home Featured Products -->

<div id="featured-products_block_center" class="block products_block clearfix">

<h4>{l s='Featured products' mod='homefeatured'}</h4>

{if isset($products) AND $products}

<div class="block_content">

{assign var='liHeight' value=250}

{assign var='nbItemsPerLine' value=4}

{assign var='nbLi' value=$products|@count}

{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}

{math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}

<ul style="height:{$ulHeight}px;">

{foreach from=$products item=product name=homeFeaturedProducts}

<li class="ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1} {/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}</a>

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

<div class="product_desc"><a href="{$product.link}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:65:'...'}</a></div>

<div>

<a class="lnk_more" href="{$product.link}" title="{l s='View' mod='homefeatured'}">{l s='View' mod='homefeatured'}</a>

{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container"><span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span></p>{else}<div style="height:21px;"></div>{/if}

 

{if ($product.id_product_attribute == 0 OR (isset($add_prod_display) AND ($add_prod_display == 1))) AND $product.available_for_order AND !isset($restricted_country_mode) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}

{if ($product.quantity > 0 OR $product.allow_oosp)}

<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>

{else}

<span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>

{/if}

{else}

<div style="height:23px;"></div>

{/if}

</div>

</li>

{/foreach}

</ul>

</div>

{else}

<p>{l s='No featured products' mod='homefeatured'}</p>

{/if}

</div>

<!-- /MODULE Home Featured Products -->

global.css

[jeckyl]

Bonjour,

 

ce problème a déjà été traité.

 

Le soucis vient du fait que votre taille de balise <li></li> en hauteur n'est soit pas définie, soit avec une taille trop petite par rapport au contenu de certains produit.

 

{assign var='liHeight' value=250}

[monpelcok]

Merci pour la réponse.

J'ai modifié la valeur mais cela ne change rien...

[Stéphane Chonez]

Bonjour,

 

p-e assigner un min-height au <li> dans le css!

 

cordialement

[monpelcok]

Bonjour et merci Stéphane.

 

Après m'être posée quelques instants, histoire de souffler, j'ai repris mes tpl et css (width, padding..), ai modifié plusieurs valeurs avec l'aide de firebug et, au final, ça marche

 

Bonne continuation à tou(te)s