ultraxa Posted September 23, 2011 Share Posted September 23, 2011 bonjour , je m'arrache une fois de plus les cheveux j'utilise le carroussel mgc carroussel je souhaiterias rajouter un texte et un logo en haut a gauche et la impossibble , je ne sias pas comment faire.... voici le tpl <!-- MODULE Home Featured Products --> <form id="buy_block" {if $PS_CATALOG_MODE AND !isset($groups) AND $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart.php')}" method="post"> {if isset($groups)}<h5>{l s='Personalize it !!'}</h5>{/if} {if isset($colors) && $colors} <!-- colors --> <div id="color_picker"> <p>{l s='Pick a color:' js=1}</p> <div class="clear"></div> <ul id="color_to_pick_list"> {foreach from=$colors key='id_attribute' item='color'} <li><a id="color_{$id_attribute|intval}" class="color_pick" style="background: {$color.value};" onclick="updateColorSelect({$id_attribute|intval});$('#wrapResetImages').show('slow');" title="{$color.name}">{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$color.name}" width="20" height="20" />{/if}</a></li> {/foreach} </ul> <div class="clear"></div> </div> {/if} <div id="information" style="border: 2px solid #D0D3D8;margin-bottom:20px;background:#F5E6E7;"> {if !empty($product->information)} {$product->information} {/if} </div> {if isset($products) AND $products} <ul id="mycarousel" class="jcarousel-skin-tango"> {foreach from=$products item=product name=homeFeaturedProducts} {assign var='productLink' value=$link->getProductLink($product.id_product, $product.link_rewrite)} <li> <h5><a href="{$productLink}" title="{$product.name}">{$product.name|escape:htmlall:'UTF-8'|truncate:45}</a></h5> <a href="{$productLink}" title="{$product.legend}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, $imagetype)}" alt="{$product.legend}" /></a> {if $displayname} {/if} {if $displayprice} <p> <div id="price">{displayWtPrice p=$product.price} <input type="submit" name="Submit" value="{l s=''}" class="add_to_cart" /></div> </p> {/if} </li> {/foreach} </ul> {else} <p>{l s='No products for carousel' mod='homecarousel'}</p> {/if} <!-- /MODULE Home Featured Products --> merci Link to comment Share on other sites More sharing options...
virtualgadjo Posted September 24, 2011 Share Posted September 24, 2011 hello, ça devrait pourtant être assez simple, ton carrousel est dans une ul li, this one <ul id="mycarousel" class="jcarousel-skin-tango"> pour mettre un logo, du texte ou ce que tu veux, sans foutre par terre le carrousel lui-même, le plus simple est d'entourer la ul en question d'un div que tu mets en position relative et, dans ce div, d'ajouter, en dehors de la ul oeuf corse (au-dessus/avant ça le fera bien), ce que tu veux dans un autre div pour faire simple, lui, en position absolute pour le positionner où tu veux colle à cet élément un bon petit z-index pour qu'il passe par-dessus les éléments du carrousel et hop, done garde à l'esprit que, pour fonctionner un script de carrousel mets les élément du dit carrousel en position absolute ou dans un container qui lui-même est en position absolute, ça dépend du carrousel, donc, dépendant encore une fois du carrousel que tu utilises tu devras peut-être jouer un peu avec les css, z-index & co have swing Link to comment Share on other sites More sharing options...
ultraxa Posted September 24, 2011 Author Share Posted September 24, 2011 alors j'ai deja fait tous cela et le soucis est que le faite de mettre mon div en absolute me met le module pas dessu mon module au dessus dans le home page.... Link to comment Share on other sites More sharing options...
virtualgadjo Posted September 25, 2011 Share Posted September 25, 2011 hello, le principe est que ton module et ses slides sont dans une ul qui elle même est dans un div. Il faut que ce div sui contient tout soit en position relative sinon, effectivement il sort du flux. Ensuite, c'est à l'intérieur de ce div que tu peux mettre le conteneur de ce que tu veux afficher par-dessus le module en position absolute have swing Link to comment Share on other sites More sharing options...
ultraxa Posted September 25, 2011 Author Share Posted September 25, 2011 a vrai dire cela ne fonctionne pas car soit l'image est au dessus du carroussel ou bien soit elle est en dessous du carrpussel j'ai reussi a integrer l'image a l'interieur du carroussel en ajoutant dans le css du carroussel..... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now