Scroll bar et Menu fixe

[prestaprojet]

Bonjour,

Windows 7 + DUC 4.1.1 + BOX MIAMI + wamp apache 2.4.37 + MYSQL 5.7.24 + PRESTASHOP 1.7.7.3

Quelqu'un saurait comment faire svp pour avoir un menu en haut de page fixe et un scroll bar pour naviguer plus facilement ?

Merci d'avance pour votre aide

:-)
 

[solsol69]

Bonjour

Peut être ici

https://mypresta.eu/modules/front-office-features/fixed-sticky-header.html

[prestaprojet]

Bonjour Solsol69,

Merci pour cette orientation !

Sais-tu stp comment il faut installer ces fichiers  car je ne vois pas la méthode décrite sur le site dont tu renvoies le lien ?

En décompressant l'archive télécharger je vois des icônes également.

Merci d'avance pour ton aide

:-)

[solsol69]

C'est un module a installer et pas besoin de le décompresser.

Ce petit guide peux t'aider.

https://addons.prestashop.com/fr/content/21-howto

[prestaprojet]

Top ça marche

Merci Solsol69

Aurais-tu aussi une idée pour un module qui permet de scroller facilement sur le site ?

Un scroll avec une icône en forme de flèche vers le haut ou vers le bas selon le sens ?

Merci d'avance pour ton aide

:-)

[solsol69]

Avec plaisir.

https://mypresta.eu/modules/front-office-features/scroll-to-top.html

[prestaprojet]

Bonjour solsol69

Que dire de plus que MERCI !

Voilà le Forum d'entre aide qu'on aime avoir grâce à toi

:-)

[solsol69]

De rien.

[prestaprojet]

Bonjour,

Je reviens sur ce sujet ; 

le module permettant de bloquer le menu en haut de page fonctionne très bien en effet ceci dit est-il possible aussi de bloquer avec le menu la partie haute de l'en-tête où il y a le panier d'achat + contactez-nous + connexion + et la barre de recherche que j'ai déplacé à ce niveau ?

Si oui comment est-il possible svp de réaliser cette action ?

Merci d'avance pour votre aide

:-)

[solsol69]

bonjour

Via FTP récupérer et modifier le fichier: 
"custom.css"

Chemin du fichier : 
/themes/classic/assets/css 

et insérer  :

#header.header_omg_im_scrolled .header-nav {
         display: block; 
    }

 

 

[prestaprojet]

Bonjour Solsol69,

Merci beaucoup pour ce coup de pouce !! ça fonctionne parfaitement !!

Ceci dit, je me rend compte du coup que toute cette partie bloquée prend beaucoup de place à l'écran.

J'aimerai pouvoir diminuer la hauteur du Menu, la partie en pj où j'ai matérialisé une flèche.

Selon vous est-ce réalisable ?

Merci d'avance pour votre aide

:-)

[solsol69]

Bonjour

Afin de vous documenter sur le CSS voici un lien qui peux vous aider

https://www.cssdebutant.com/coder-en-css-les-padding-en-css.html

[prestaprojet]

Merci Solsol69

Avec Inspecter au niveau de Chrome plus un petit rappel des règles CSS via ton lien ça fonctionne

Donc pour ceux qui sont dans le même cas voici les modif réalisées pour éliminer blanc en trop et gagner plus de place

Modif à réaliser dans le fichier custom.css de votre thème :

#header .header-nav {
    margin: 0px 0px 0px 0px; }
	
#header .header-top {
    padding-bottom: 0rem;
}

#header.header_omg_im_scrolled .header-top {
    padding-top: 0px;
}

#wrapper {    
padding: 0px 0px 0px 0px;}

#wrapper div.container {padding: 0px 0px 0px 0px;}

 

🙂