Insertion D'un Slider Dans L'index

Commencé par CurLy,

6 messages dans ce sujet

Posté(e) · Signaler ce message

Bonjour,

 

Je tente d'insérer un slider dans la page d'index mais mes notions en programmation sont bien mauvaises.

 

Ce que j'ai réussi a faire déjà, c'est d'insérer mon slider, mais il s'affiche en haut de la page. Pour cela j'ai modifié directement la page index.php en y insérant le code suivant (code de démo ...) :

 

<head>
		<link rel="stylesheet" href="css/demo.css" type="text/css" media="screen" title="no title" charset="utf-8">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>		
		<script src="js/flux.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			$(function(){
				if(!flux.browser.supportsTransitions)
					alert("Flux Slider requires a browser that supports CSS3 transitions");
					
				window.f = new flux.slider('#slider', {
					pagination: true
				});
			});
		</script>
</head>
<body>
		<section class="container">
			<div id="slider">
				<img src="img/avatar.jpg" alt="" />
				<img src="img/ironman.jpg" alt="" />
				<img src="img/tron.jpg" alt="" />
				<img src="img/greenhornet.jpg" alt="" />
			</div>
		</section>
</body>

Maintenant, je souhaiterais que mon slider s'affiche juste en dessous du menu. Pour cela, il me faudrait un rappel sur le "comment intégrer mon code html dans le php" ... ou bien si vous aviez un exemple de code sur lequel je pourrais me baser ...

 

Pour information, le script que j'utilise pour le slider est Flux Slider et la dernière version de Peel.

 

Mille merci :-)

Cordialement,

Johan.

Partager ce message

Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

Ce n'est pas dans le fichier index.php qu'il faut réaliser ces modifications.

La partie de votre code entre <head> et </head> doit être ajoutée dans modeles/peel7/smarty/HTMLHead.tpl
Le reste doit être placé à l'endroit ou vous voulez faire apparaître votre slider dans modeles/peel7/smarty/haut.tpl

Pour le faire apparaître sous votre menu, ajoutez votre code juste avant 

"<!-- Début main_content -->"

Partager ce message

Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour, 

 

Ca marche parfaitement, merci beaucoup Dj et bon lundi de pâques au passage :)

 

Tata bisous ^_^

Partager ce message

Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonsoir

Je viens de regarder ton idée

j'ai essayé je dois avoir un souci car les images s'affichent les unes en dessous des autres 

Pas top en java script je ne vois pas le pb

Merci de ton aide

Partager ce message

Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

 

Si vous avez repris le code du premier message de CurLy, il faut supprimer la ligne qui inclue Jquery, PEEL charge déjà cette librairie.
C'est une piste qui expliquerais votre problème avec le javascript.

Partager ce message

Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Perso j'ai inclus le slider dans Zones HTML personnalisées dans l'administration, plus précisément dans "contenu d'accueil du site", ça fonctionne très bien et on peut avoir un slider différent selon la langue, et perso j'ai opté pour bxslider qui a l'avantage d'être responsive ;)

Partager ce message

Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !


Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.


Connectez-vous maintenant
Aller sur la liste des sujets PEEL SHOPPING : logiciel open source de boutique en ligne

Twitter Advisto ecommerce

Facebook PEEL Shopping