Carrousel

[chrissmartinique 1]

Bonjour, j'ai récemment acheté le module carrousel.

je voudrais l'intégrer dans une div .

comment faire?

quel code dois je mettre dans ma div et comment dois je appeler mon carrousel?

merci de vos réponses

cordialement 

chriss

[Simon développeur PEEL 0]

Bonjour,

La fonction qui retourne le carrousel est celle ci :

Carrousel::display('top_home', true, vb($GLOBALS['site_parameters']['module_carrousel_top_home_show_pagination'], true), vb($GLOBALS['site_parameters']['module_carrousel_top_home_show_previous_next_buttons'], false)) 

=> Vous pouvez la placer à l'endroit où vous souhaitez voir apparaitre le carrousel

Modifié (le) 29 sept. 2017 par Simon développeur PEEL

[chrissmartinique 1]

Merci beaucoup Simon, 

je suis nul, je ne vois pas du tout ou insérer ce code,

j'ai testé dans ma div, ça ne marche pas,

dans l'index tpl ça ne marche pas,

dans l'index.php ça ne marche pas,

je ne comprend pas, je pensait qu'en achetant le module ce serait simple , ca doit l'être, mais pas pour moi.

merci de votre aide

[chrissmartinique 1]

Bonjour,

Bon, je n'y arrive toujours pas, ça fait plus de 15 heures d’affilée que j'essaie  de ll'intégrer dans le code suivant, à la place de l'image dans la div accueil4.

<link href="modeles/peel7/css/screen.css" rel="stylesheet" type="text/css">
<div class="accueil1"><img src="images/promopneus.jpg" alt=""/></div>
<div class="accueil2">
<div class="accueil2-1">CHOISISSEZ VOTRE PRESTATION</div>
<div class="accueil2-2"><DIV class="icone1"><img src="images/im-vid1.png" alt=""/>Vidange</DIV>
<DIV class="icone1"><img src="images/im-rev1.png" alt=""/>Entretien</DIV>
<DIV class="icone1"><img src="images/im-pneu1.png" alt=""/>Pneus</DIV>
<DIV class="icone1"><img src="images/im-lav1.png" alt=""/>Lavage</DIV>
<DIV class="icone1"><img src="images/im-frein1.png" alt=""/>Freinage</DIV>
<DIV class="icone1"><img src="images/im-eclai1.png" alt=""/>Eclairage</DIV>
<DIV class="icone1"><img src="images/im-clim1.png" alt=""/>Climatisation</DIV>
<DIV class="icone1"><img src="images/im-pla1.png" alt=""/>Embrayage</DIV>
<DIV class="icone1"><img src="images/im-embr1.png" alt=""/>Amortisseurs</DIV>
<DIV class="icone1"><img src="images/im-embr.png" alt=""/>Distribution</DIV>
<DIV class="icone1"><img src="images/im-ctrl1.png" alt=""/>Contrôle Technique</DIV>
</div>
<div class="accueil2-3">DEMANDEZ VOTRE DEVIS CARROSSERIE  &nbsp;&nbsp;<img src="images/btn-devis.png" alt=""/></div>
</div>
<div class="accueil3"><div class="accueil3-1"><img src="images/exclu.png" alt=""/> &nbsp;CHERCHEZ VOS PNEUS</div><div class="accueil3-2">
<br>
<br>
<br>
<div class="search col-md-4  bottom_middle_basicblock bottom_middle_search  search_fr "><div vocab="http://schema.org/" typeof="WebSite">
	<meta property="url" content="http://creation.autos-free.fr/">	<form class="entryform form-inline" role="form" method="get" action="http://creation.autos-free.fr/search.php" id="recherche" property="potentialAction" typeof="http://schema.org/SearchAction">
		<meta property="target" content="http://creation.autos-free.fr/search.php?search={search}">		<fieldset>
			<input type="hidden" name="match" id="search_match" value="1">
			<div id="search_wrapper" class="input-group">
				<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input type="text" width="250px" class="form-control ui-autocomplete-input" name="search" id="search" value="" title="Rechercher" placeholder="Rechercher" property="query-input" autocomplete="off">
				<span class="input-group-addon">
					<select class="form-control" id="search_category" name="categorie">
						<option value="">Catégorie</option>
						
				<option value="1">Pneus</option>
				<option value="2">&nbsp;&nbsp;165 / 70 / 12</option>						<option value="3">&nbsp;&nbsp;175 / 65 / 14</option>						<option value="4">&nbsp;&nbsp;185 / 60 / 14</option>						<option value="5">&nbsp;&nbsp;185 / 60 / 15</option>						<option value="6">&nbsp;&nbsp;185 / 65 / 15</option>						<option value="7">&nbsp;&nbsp;195 / 50 / 15</option>								<option value="8">SERVICES AUTO</option>
				<option value="9">&nbsp;&nbsp;Montage des pneus</option>						<option value="10">&nbsp;&nbsp;Vidange / Révision</option>						<option value="11">&nbsp;&nbsp;Freinage</option>						<option value="12">&nbsp;&nbsp;Amortisseurs</option>						<option value="13">&nbsp;&nbsp;Embrayage</option>						<option value="14">&nbsp;&nbsp;Distribution</option>						<option value="15">&nbsp;&nbsp;Pack Contrôle Technique</option>						<option value="16">&nbsp;&nbsp;Eclairage</option>						<option value="17">&nbsp;&nbsp;Lavage Auto</option>						<option value="18">&nbsp;&nbsp;Climatisation</option>						<option value="19">&nbsp;&nbsp;Carrosserie</option>								<option value="20">PIÈCES DÉTACHÉES </option>
				<option value="21">&nbsp;&nbsp;Pièces moteur d'occasion</option>						<option value="22">&nbsp;&nbsp;Sièges occasion</option>				
					</select>
				</span>								<span class="input-group-btn">
					<input type="submit" class="btn btn-default btn-header_search" value="GO">
				</span>
							<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none;"></ul></div><!-- /input-group -->
		</fieldset>
	</form>
</div></div></div></div></div>
<div class="accueil4"><img src="images/diapo1.jpg" alt=""/>/* carousel ici*/</div>
<div class="accueil5"><br>

  <h15>PRENDRE RENDEZ-VOUS</h15>
  <p>Prenez votre rendez-vous en quelques minutes pour votre révision Auto ou pour toutes vos petites réparations et services d’entretien.</p>
 
    <p><img src="images/calendrier.jpg" alt=""/></p>
    <p><img src="images/btn-rdv.jpg" alt=""/></p>
  
  <p>&nbsp;</p>
</div>
<div class="accueil6"><br>

  <h16>Votre révision AUTO</h16><br><br>


  Garantie constructeur préservée<br>
  <br>

  RDV rapide et en ligne<br><br>
Tarifs compétitifs

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="images/plusinfos.png" alt=""/> <br>
<br><br>


</div>
<div class="accueil6">
  <br>

  <h16>Votre révision AUTO</h16><br><br>


  Garantie constructeur préservée<br>
  <br>

  RDV rapide et en ligne<br><br>
Tarifs compétitifs

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="images/plusinfos.png" alt=""/> <br><br>

<br>
</div>

si quelqu'un peut m'aider.

merci beaucoup d'avance 

[Simon développeur PEEL 0]

Bonjour,

Dans quel fichier de Peel avez-vous placé ce code HTML ?

[chrissmartinique 1]

Bonjour Simon,

j'ai placé ce code dans Rédactionnel, divers, zones html personnalisées, Contenu d'accueil du site 

[Simon développeur PEEL 0]

Bonjour,

Placer un carrousel dans une zone HTML nécessite un développement spécifique sur votre site. Il faut utiliser la gestion des tags pour remplacer un tag à mettre dans le HTML par le contenu du carrousel, dans le code PHP de votre site.

Si vous le souhaitez nous pouvons faire ce développement pour vous, vous pouvez dans ce cas prendre contact avec le service commercial au 01 75 43 67 97

[chrissmartinique 1]

Bonjour Simon,

Merci de votre réponse. je suis un peu surpris de savoir que pour insérer votre carrousel dans une zone HTML cela nécessite un développement spécifique .

Ceci n'est stipulé nulle part dans la présentation du module, et sachez que si cela avait été le cas, je ne l'aurais certainement pas acheté. si je comprend bien , votre carrousel n'est repositionnable qu'à l'endroit ou vous le désirez et non là ou le client le souhaite. un peu bizarre mais bon... Très cher dans ce cas la.

encore merci. en espérant que mes commentaires serviront a éviter que d'autre se fassent avoir.

[Simon développeur PEEL 0]

Bonjour,

Le carrousel est censé s'afficher en dessous du menu horizontal sur la page d'accueil du site. Cet emplacement est l'emplacement type pour un carrousel dans le monde du web actuel.
Pour votre information, aucun autre de nos clients ou partenaires n'a, à ce jour, exprimé un besoin consistant à afficher un carrousel dans une zone HTML personnalisable.

Nous respectons votre besoin, il est parfaitement possible d'y répondre pour vous comme pour tout autre programmeur en PHP via la mise en place d'un développement spécifique. Ce dernier va au final simplement dépendre de vos compétences en programmation en PHP.