[résolu] Hauteur de bloc non gérée en CSS.

[domusn]

Hello,

J'ai une question concernant la taille du bloc homefeatured que je n'arrive pas à regler.

Visiblement la hauteur est géré dans le tpl avec une formule, mais je ne pipe pas grand chose.

Comment pourrais je adapter la hauteur du bloc à celle de son contenu ?

Est ce que ça vous parle ?

 

Une image et le code tu tpl plus bas

 

Merci d'avance !!!!

 

 

Et le tpl :

 

<!-- MODULE Home Featured Products -->
<div id="featured-products_block_center" class="block products_block">
<h4>{l s='Featured products' mod='homefeatured'}</h4>
{if isset($products) AND $products}
 <div class="block_content">
  {assign var='liHeight' value=342}
  {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}clear{/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">
 <h5><a href="{$product.link}" title="{$product.name|truncate:32:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:27:'...'|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:130:'...'}</a></div>
 <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'}" /></a>
 <div>
  {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}
  <a class="button" href="{$product.link}" title="{l s='View' mod='homefeatured'}">{l s='View' mod='homefeatured'}</a>
  {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 -->

[Divine]

Bonjour,

 

La ligne : {assign var='liHeight' value=342} correspond à la hauteur d'une seule ligne de produits qui sera multiplié par le nombre de lignes de produits se trouvant effectivement dans le bloc.

 

Il te suffit donc de remplacer "342" par la hauteur en pixels d'une ligne de produits et le module s'occupera de calculer le reste.

[domusn]

Bonjour,

Merci pour ta réponse. C'est ce que j'imaginais dans un premier temps. mais j'ai changé cette variable à plusieurs reprises en forcent la compilation et en vidant la cache, rien n'y fait !

J'ai même tenté de rentrer directement ma hauteur souhaitée en pixel en supprimant la formule et toujours mes 760px en front office !

Pas de bol sur ce coup là...Est ce que je serais passé à coté de quelque chose ?

Merci encore,

[domusn]

Erreur de noob (que je suis) le module est présent 2 fois, le premier dans presta (celui sur lequel je faisais les modifs) et le second dans mon thème...

C'est donc réglé !

Merci et désolé du dérangement

[Stéphane Chonez]

bonjour,

 

et en supprimant la valeur de

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

 

en

<ul>

 

vérifiez également que vous modifiez le bon Homefeatured.tpl car il se peut que vous ayez un dossier Homefeatured dans le dossier modules de votre thème

[Stéphane Chonez]

ah ben on posté au même moment !!

 

c'était bien le dossier présent de le dossier de votre thème!

 

cool

[domusn]

Oui, c'était bien ça !

[Divine]

Ah oui effectivement. En plus il est bien intégré au reste du site, bravo