Jump to content

[reseolu]modifier le module homecaroussel


Recommended Posts

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...