Bouton "Retour en haut"

[TARPIN]

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.

[Eolia]

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() ?

[Eolia]

Et si vous vous rajoutez un evenement sur le bouton ca marche tout seul hein^^

[TARPIN]

Merci de votre réponse mais je ne comprends pas ? Pourriez-vous développer ?

[Patrick POLBOS]

Faites une recherche sur "sroll to top" de mémoire il y a des modules pour cela

 

bonne soirée

[TARPIN]

Oui mais pour une chose assez simple je préférerais ne pas payer.

[Eolia]

	$('id_du_bouton').on('click', function (event) {
		event.preventDefault();
		$('body,html').animate({
			scrollTop: 0
			}, scroll_top_duration
		);
	});

Un module ? Sérieux ?

[TARPIN]

Je voudrais juste savoir dans quel fichier copié les codes html ?

Merci d'avance, bonne soirée.

[TARPIN]

Merci, je vais tester.

[TARPIN]

Votre code ne marche pas, je l'ai mis dans "theme.css", c'est bien cela ?

Cordialement.

[Eolia]

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  

[TARPIN]

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.

[TARPIN]

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.

[TARPIN]

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.

[Eolia]

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

[Eolia]

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

[Mediacom87]

Surtout que Google propose plusieurs modules gratuit pour faire la même chose.

https://www.google.com/search?q=modules gratuit scroll to top

[Johann]

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