Jump to content

[Module 1.6] Menutopfixe au scroll


Recommended Posts

Bonjour,

 

Un petit module qui va en complément du module Blocktopmenu,

 

Il permet de garder le menu fixe et sur toute la largeur en haut de page au scroll.

 

post-245371-0-15472700-1397490155_thumb.jpg

 

post-245371-0-16322000-1397490157_thumb.jpg

 

menutopfix.zip

 

1.6 uniquement, paramétré pour utilisation avec le module Blocktopmenu

Uploadez le module

Choisissez à partir de combien de pixels le menu se fixe au haut de la page.

Link to comment
Share on other sites

  • 4 weeks later...
Hi Bondaty and CO,

 

Congratulations for the module.

 

I have some questions, could you help me?

 

When you scroll down:

a) It's possible to center in the page?

B) It's possible to insert a little shop logo?

 

Thanks in advance.
Link to comment
Share on other sites

Hi,

 

Thank you for this addition.

 

Need some improvements though:

1. Center the menu on the page

2. Make it responsive.

 

Thanks!

 

/Alex

 

Hi Alex,
 
I'm checking this module, if you want you can make a test in www.agetro.com/psdelcami
 
Regards.
Link to comment
Share on other sites

Bonjour,

 

C'est possible normalement en mettant un width de la largeur du site et des margin left et right auto dans le css du module.

 

Il n'est pas fixe pour les tablettes et smartphone, c'est normale. Si il est fixe et que vous avez  beaucoup de sous menus, ils ne s’afficheront pas l'écran sera trop petit en hauteur. Il n'est pas conseillé d'avoir des éléments fixes sur ces supports.

Link to comment
Share on other sites

Hi

 

Can you please write here how the css file should look like to get the menu in the middle? I tried but did not make it work.

 

For the mobile device you can have sticky menu as well. Have a look at the alsyum theme http://promokit.eu/demo/?theme=Alysum&slider=nivo.

 

They managed to have sticky menu even on mobile devices but still able to scroll them.

 

Thanks

/Alex

Link to comment
Share on other sites

Hi

 

Can you please write here how the css file should look like to get the menu in the middle? I tried but did not make it work.

 

For the mobile device you can have sticky menu as well. Have a look at the alsyum theme http://promokit.eu/demo/?theme=Alysum&slider=nivo.

 

They managed to have sticky menu even on mobile devices but still able to scroll them.

 

Thanks

/Alex

le css du module modifié, mais encore, en dessous de ce format, je déconseille de mettre du fixe, si vous voulez vraiment le faire vous ajoutez une balise @media (min-width: taille mini de déclanchement en px){ le css que vous ajustez en width}

@media (min-width: 1199px) {
.sticky {
	position:absolute;
	display:table;
	top:0;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}
html>body .sticky{
	position: fixed;
	padding:0;
	width:1195px;
}
}
Edited by Bondaty and Co (see edit history)
Link to comment
Share on other sites

  • 4 months later...
  • 1 year later...
  • 4 weeks later...
  • 2 weeks later...
  • 4 weeks later...

Bonjour,

 

Merci beaucoup pour ce petit module bien pratique.

 

Pour moi j'ai du supprimer left:0px; dans .sticky afin que le menu soit bien centré. Prestashop 1.6.1

 

Une question: 

 

Quelqu'un a une idée sur comment éviter que 50px sous le topmenu ne disparaisse lorsqu'il se fixe en haut de la page.

 

Je ne sais pas si je suis très clair...mais quand je scroll vers le bas, au moment où le menu se fixe en haut, la page monte de quelques dizaines de pixels, ce qui fait que par exemple on ne voit plus "contact l plans du site l favoris" qui normalement se trouve juste en dessous du menu à droite.

 

Peut-être est-ce plus clair comme ça?

 

Si vous pouviez m'éclairer de vos lanternes... :)

Link to comment
Share on other sites

  • 2 weeks later...
  • 1 year later...
  • 1 year later...

Bonjour,

tout d'abord merci pour ce ptit module qui marche très bien :)

j'ai juste un soucis, un léger bug que (vu) sur chrome, juste avant le moment ou le menu passe en sticky, cela le fait vaciller... il est entre les deux, il ne sait pas si il doit rester ou disparaitre.

j'ai beau cherché, la j'avoue ne pas trouver d’où cela peut venir.

si quelqu'un à une idée ?

merci pour votre aide.

version 1.6.1.11

Link to comment
Share on other sites

hI , je dirai que c'est le fichier jquery du module!

Faites réinitialiser le module ! Ce module n'est plus disponible à en juger le lien de l' archive supprimé.

Il date de 2014.

Un nettoyage de la mémoire cache du navigateur.

J'en est un qui fait bien le boulot! https://www.avppy.com/

A+ Bien cordialement

Link to comment
Share on other sites

Bonjour,

Pensez à mettre à jour votre presta 1.6.1.11 vers 1.6.1.23 version stable et sécurisé.

mes modules fonctionnent avec cette version et en php 7.2

Vous avez pris le code js du fixe top menu?

Il serait préférable d'avoir le module non?

Bien cordialement

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...