en Jump to content

Recommended Posts

Bonjour, je cherche désespéramment à mettre sur mon site un bouton pour retourner en haut d'une page, j'ai trouver des sujets mais je n'y arrive pas.

Je ne sais pas dans quel fichier mettre mon code html ?

Je mets mes codes css dans le fichier theme.css et mes codes javascript dans theme.js.

 

Voici les codes que j'ai :

Quote

css :

<style>
#scrollUp
{
position: fixed;
bottom : 10px;
right: -100px;
opacity: 0.5;
}
</style>

javascript :


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
 
<script>
jQuery(function(){
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200 ) { 
$('#scrollUp').css('right','10px');
} else { 
$('#scrollUp').removeAttr( 'style' );
}
 
});
});
});
</script>

 

html :


<div id="scrollUp">
<a href="#top"><img src="to_top.png"/></a>
</div>

 J'espère avoir été clair, je vous remercie par avance pour vos réponses.

Cordialement.

to_top.png

Share this post


Link to post
Share on other sites

Ah oui ?

En gros vous chargez toute la librairie jquery (avec une version différente de celle de Presta...) uniquement pour appeler la pauvre fonction scrollTo() ?

Share this post


Link to post
Share on other sites
	$('id_du_bouton').on('click', function (event) {
		event.preventDefault();
		$('body,html').animate({
			scrollTop: 0
			}, scroll_top_duration
		);
	});

Un module ? Sérieux ?

Share this post


Link to post
Share on other sites

Mon code marche très bien mais mettre du javascript dans du css forcément ça ne risque pas de marcher...

Essayez entre 2 balises script dans le footer.tpl ou directement dans le global.js de votre thème^^

 

Mais vu que je ne connais pas votre version de Prestashop parce que je ne suis pas devin je ne peux pas vous aider plus.

Là vous avez tout ce qu'il vous faut, après il faut se documenter un minimum et stimuler ses neurones ;) 

Share this post


Link to post
Share on other sites

Je vous remercie de votre réponse et je suis sur prestashop 1.7.

Je m'excuse de ne pas avoir donner toutes les informations qui vous sont nécessaire, il suffit de demander.

Cdlt.

Share this post


Link to post
Share on other sites

Et je vous informe que je me suis renseigner avant de poser la question, je ne perderais pas de temps sur des forums pour le plaisir.

Share this post


Link to post
Share on other sites

Vous n'auriez pas un autre fichier pour mettre le code ?

Aucun bouton n’apparaît, c'est le seul code à mettre ?

Merci d'avance, cordialement.

Share this post


Link to post
Share on other sites

Avez vous ajouté le code de votre bouton lui-même ?

Le code javascript dit: lors du clic sur ce bouton -> on remonte en haut de page.

Il faut donc le bouton avec un id et mettre cet id dans le code js.

Il y a 13 heures, TARPIN a dit :

Je m'excuse de ne pas avoir donner toutes les informations qui vous sont nécessaire, il suffit de demander.

Non, les règles du forum demandent de donner ces informations avant de poser une question.

On veut bien vous aider mais on n'a pas que ça à faire que de demander des informations.

Pour rappel, sur ce forum:

- On se présente

- On décrit l'environnement de sa boutique

- On pose sa question et le contexte dans lequel on se trouve

Share this post


Link to post
Share on other sites
Il y a 10 heures, Eolia a dit :

Et je stoppe ma participation à ce post car je ne soutiens pas la version 1.7 qui est complètement moisie et buguée

J'ai un module gratuit qui fait ça (retour en haut) mais qui ne marche que sur PS 1.5 et 1.6, pour les mêmes raisons :)

Share this post


Link to post
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

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More