Jump to content

(RESOLU) Block contact en haut de page

creaclaire
 Share

Recommended Posts

creaclaire Newbie

creaclaire

Posted
Posted (edited)

Bonjour à tous

 

J'ai personnalisé les textes du block contact de base de prestashop pensant le mettre en haut de toutes mes pages.

Il ne semble pas se mettre en haut (par contre il se greffe bien en colonne de gauche)

 

Soit je m'y prend mal, soit le module ne s'adapte pas en haut...

Quelqu'un connaitrait un module a mettre bien visible en haut pour me contacter (tel/mail et horaires) ?

Merci

Edited by creaclaire (see edit history)
Link to comment
Share on other sites
Guest

Guest

Posted
Posted

Bonjour à tous

 

J'ai personnalisé les textes du block contact de base de prestashop pensant le mettre en haut de toutes mes pages.

Il ne semble pas se mettre en haut (par contre il se greffe bien en colonne de gauche)

 

Soit je m'y prend mal, soit le module ne s'adapte pas en haut...

Quelqu'un connaitrait un module a mettre bien visible en haut pour me contacter (tel/mail et horaires) ?

Merci

 

vous pouvez tout simplement modifier votre thème : le fichier header.tpl parait être la place idéale pour ça :

 

exemple de code à rajouter :

<div class="tagline">
	<div class="maclassebootsrapouautre">le slogan en plus pour mon site</div>
	<div class="maclassebootsrapouautre">contactez moi au 09.08.04.56 de 8h à 22h</div>
</div>

que vous pouvez rajouter ici :

<div id="page">
    <div class="header-container">
	<header id="header">
		
      => code à rajouter ICI <=

       {capture name='displayBanner'}{hook h='displayBanner'}{/capture}
					{if $smarty.capture.displayBanner}

ensuite vous devrait rajouter du code CSS afin de mettre en forme correctement votre texte .

Link to comment
Share on other sites
creaclaire Newbie

creaclaire

Posted
  • Author
Posted

Bonjour

 

Merci pour votre question.

Le module : Bloc contact v1.4.1 - par PrestaShop

Permet d'ajouter des informations supplémentaires concernant le service client

Quand je veux le greffer j'ai le choix avec :

- display left column (qui fonctionne je l'ai en page categorie)

- display right column (pas besoin)

- display nav (rien n'apparait)

- header (rien n'apparait)

 

Si tu vas voir le site, j'aimerai dans l'idéal que le module s'affiche en haut a droite au dessus de "rechercher."

 

Si tu as des conseils je prends :)

Merci

Claire

Link to comment
Share on other sites
kario Newbie

kario

Posted
Posted

Il me semble que c'est un thème acheté  non ?

 

Car après inspection sauf erreur de ma part, je ne vois pas de div " nav" donc difficile d'afficher des choses à l'intérieur.

Je pense que le problème doit être le même pour les autres hook.

Link to comment
Share on other sites
Guest

Guest

Posted
Posted

En effet le thème à été acheté.

Du coup ça explique pourquoi le module ne s affiche pas.

Moi qui n y connaît rien en code comment je peux faire pour afficher qq chose en haut de toutes les pages ?

 

Merci

 

Je pense vous avoir donnée la solution il y a déjà un moment. Après si vous ne pouvez pas utiliser un logiciel FTP et modifier les fichiers correctement, et n'avez aucune connaissance en CSS, il va falloir déléguer.

 

Bon courage et lancez vous, n'ayez pas peur du "CODE".

Link to comment
Share on other sites
creaclaire Newbie

creaclaire

Posted
  • Author
Posted

En effet Tweb :) J'ai le logiciel qui me permet de rentrer dans le code... et viens de m'apercevoir que j'avais touché au fichier header.tpl du thème de base, et non du thème acheté. 

Donc le texte s'affiche, c'est déjà une chose positive. Merci

 

Concernant le positionnement du texte avec le css... (2eme problématique),

Je le mets dans quel fichier.....global css ? alysum.css (d'ailleurs comment sait on ou positionner du css ?)

je veux que mon texte soit tout a droite, mais quelle class je dois créer ? #tagline ou #maclassebootsrapouautre ?
 

Merci a ceux qui voudront bien m'éclairer

Link to comment
Share on other sites
Guest

Guest

Posted
Posted

ha bien.. ça avance.

 

pour tes classes je veux bien t'aider précisémment, ça te servira d'exemple en espérant que tu avances en solo avec des tutos pour la suite. Pour celà il me faudrait l'url de ton site, avec la compilation des fichiers CSS désactivée.

 

à bientôt donc.

Link to comment
Share on other sites
creaclaire Newbie

creaclaire

Posted
  • Author
Posted

C'est gentil. Normalement c'est ok pour la compilation CSS.

(voici mon super code css qui je pense est a coté de la plaque..)

#tagline

.maclassebootsrapouautre {
color:#e83463;
font-family: "LMRoman10Regular";
margin-top: 8px;
vertical-align: right;}
 
site : faire-party.com
 
merci
Link to comment
Share on other sites
Guest

Guest

Posted
Posted

bon là y'a un premier souci du coté html , car ton code est celui-là :

<div class="tagline">
<div class="maclassebootsrapouautre">
Besoin d'aide ? 06.72.11.73.29 de 9h à 17h30
<class="align_right"< div=""></class="align_right"<>
</div>

alors que ça devrait être ça :

<div class="tagline">
	<p class="maclassebootsrapouautre">Besoin d'aide ? 06.72.11.73.29 de 9h à 17h30</p>
</div>

modifies le et ensuite je te donne de quoi le mettre en forme

Link to comment
Share on other sites
Guest

Guest

Posted
Posted

Dommage, je ne vois aucun changement, peut-être faut il vider le cache smarty .. en plus le code n'apparait pas être au bon endroit, regardez bien mon premier message et essayer de faire comme indiqué.

 

Sinon, envoyez moi les accès ftp et backoffice en message privé et je vous le fais dès que j'ai 5mn.

 

Bon week end :)

Link to comment
Share on other sites
Guest

Guest

Posted
Posted (edited)

ben c'est en place, pas comme je l'avais dit exactement mais ça ira , donc maintenant rajoutes ce code dans le fichier global.css de ton thème :

.tagline {
  color: #e73463;
  float: right;
  position: relative;
  top: 8px;
}

et le tour est joué :)

Edited by Guest (see edit history)
Link to comment
Share on other sites
Guest

Guest

Posted
Posted

tant qu'on y est voici un petit fix à rajouter pour le logo sur la bande fixe lorsque l'on scrolle :

.flexmenu .menu_logo img {
  height: auto;
  margin-top: -4px;
  max-height: 40px;
  max-width: 100px;
  width: auto;
}

tu peux modifier le fichier déjà présent : http://www.faire-party.com/modules/pk_flexmenu/css/pk_flexmenu.css

 

ou bien créer un nouveau fichier css pour ton thème et le mettre ici :

 

http://www.faire-party.com/themes/alysum/modules/pk_flexmenu/css/pk_flexmenu.css

 

 

et pour le logo sans scroller :

 

modifier ce fichier : http://www.faire-party.com/themes/alysum/css/alysum.css

 

ligne 369 :

#header_logo {
  margin: 60px 0 0;
  position: absolute;
  width: 100%;
}

enjoy :)

Link to comment
Share on other sites
Guest

Guest

Posted
Posted

J'ai fait les motif sur le logo mais ne voit pas ce que ça change... 

 

 

aïe aïe aïe... d'après toi ça change quoi ? regardes le code et tu comprendras, sinon retires les modifs.. et compare les 2 fenetres.

 

mais pour faire simple c'est  juste une question de mise en page plus propre, plus équilibrée.

 

++

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
 Share
Go to topic listing
×
×
  • Create New...