blu-ray Posted January 13, 2012 Share Posted January 13, 2012 Bonjour, Pouvez vous me dire comment modifier l'apparence de ce module. J'ai essayé de modifier le homefeatured.tpl dans le thème mobile_évolution mais aucune différence n'apparait. J'aimerai réduit la taille des image pour pouvoir en mettre 5 sur une ligne. Que je mette 1 ou 5 il y a toujours 3 image qui s'affiche?!?!? {assign var='nbItemsPerLine' value=5} Merci et bon week-end!! Je vous mets en lien le TPL du thème mobile évolution {literal} <script> $(document).ready(function() { $('.hft img').each(function() { $(this).hover(function() { $(this).stop().animate({ opacity: 0.4 }, 800); $('.hft').addClass("no_bg"); }, function() { $(this).stop().animate({ opacity: 1.0 }, 800); }); }); }); $(document).ready(function () { style = 'easeOutQuart'; $('.hft').hover( function() { $(this).children('div:last').stop(false,true).animate({bottom:20},{duration:800, easing: style}); $(this).removeClass('loading') }, function() { $(this).children('div:last').stop(false,true).animate({bottom:-150},{duration:800, easing: style}); $(this).removeClass('loading') } ); }); </script> {/literal} <!-- MODULE Home Featured Products --> <div class="clear"></div> <div id="featured-products_block_center" class="block products_block"> {if isset($products) AND $products} <div class="block_content"> {assign var='liHeight' value=260} {assign var='nbItemsPerLine' value=5} {assign var='nbLi' value=$products|@count} {assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil} {assign var='ulHeight' value=$nbLines*$liHeight} <ul style="height:{$ulHeight}px;width:700px;margin-bottom:30px;"> {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}"> <div class="r_cont"> <div class="clear"></div> <div class="hft"> <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="260" width="220" alt="{$product.name|escape:html:'UTF-8'}" /></a> <div class="caption"> <span class="title_container"><a href="{$product.link}" title="{$product.name|truncate:32:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:27:'...'|escape:'htmlall':'UTF-8'}</a></span> {if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<span class="price_container">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span>{else}<div style="height:21px;"></div>{/if} <a class="view_effect" 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 !$PS_CATALOG_MODE} {if ($product.quantity > 0 OR $product.allow_oosp) AND $product.customizable != 2} <a class="cart_effect 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} <a class="outof" href="#" title="{l s='out of stock' mod='homefeatured'}">{l s='out of stock' mod='homefeatured'}</a> {/if} {else} <div style="height:23px;"></div> {/if} </div> </div> </div> </li> {/foreach} </ul> </div> {else} <p>{l s='No featured products' mod='homefeatured'}</p> {/if} </div> <!-- /MODULE Home Featured Products --> Link to comment Share on other sites More sharing options...
blu-ray Posted January 13, 2012 Author Share Posted January 13, 2012 Voici un screenshoot les images sont IMMENSE!!! screen.tiff Link to comment Share on other sites More sharing options...
miklbet Posted February 1, 2013 Share Posted February 1, 2013 Salut ! il faut modifier les attributs css largeur et longueur et regler les masque de l'animation.. je suis en free lance, si ça t'interresse dis moi exactement ce que tu veux et je t'envois un devis. cdt Link to comment Share on other sites More sharing options...
Recommended Posts