Nous ne répondons seulement qu'aux sujets dont l'auteur a complété sa signature [Lire]


Mettre le Footer en pleine page

Soutien général pour les problèmes techniques avec OpenCart

Mettre le Footer en pleine page

Messagepar florent82 » 10 Nov 2011, 20:14

Bonjour,

J'aimerais que mon "footer" occupe toute la largeur de la page.
J'ai modifié le CSS mais sans résultat. Je pense qu'il faut modifier également le fichier footer.tpl il me semble.

Pouvez-vous m'éclairer ?

Merci
Dernière édition par LeorLindel le 07 Mai 2012, 06:57, édité 2 fois.
Raison: Icône mise dans le titre initial pour signaler que le problème est résolu.
Opencart 1.4.9
www.colorblock.fr
florent82
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 33
Inscription: 06 Avr 2011, 16:50

Re: Mettre le Footer en pleine page

Messagepar LeorLindel » 10 Nov 2011, 21:22

Dans le fichier catalog/view/theme/*/template/common/footer.tpl

Chercher cette ligne :
Code: Tout sélectionner
<div id="footer">
Et ajouter dessous :
Code: Tout sélectionner
  <div class="full">
Chercher cette ligne :
Code: Tout sélectionner
  <div class="div2"><?php echo $text_powered_by; ?></div>
Et ajouter dessous :
Code: Tout sélectionner
  </div>


Dans le fichier catalog/view/theme/*/template/stylesheet/stylesheet.css

Chercher ces lignes :
Code: Tout sélectionner
#footer {
   width: 100%;
   clear: both;
   padding-top: 5px;
   border-top: 1px solid #DDDDDD;
}
Et ajouter ces lignes :
Code: Tout sélectionner
#footer .full {
   width: 960px;
   height: 100px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #000;
   background: #fff;
   padding: 10px;
}
J'ai mis une largeur de 960 px, une hauteur de 100 px, une bordure noire (#000) et fond blanc (#fff), à toi à modifier ces couleurs et paramètres.
Image
1 - A lire avant de poster un sujet
2 - Politique sur la signature.

Quand le sujet est résolu, pensez à ajouter la petite coche verte Image dans le titre initial en éditant votre premier message et non dans votre dernière réponse.
Merci


Toutes les extensions commerciales (templates ou modules payants) ne peuvent pas faire l'objet d'ouverture de sujet, prière de bien vouloir s'adresser au concepteur en cas de problème ou demande de renseignements.

Seul, on avance plus vite, à plusieurs on avance plus loin.
Avatar de l’utilisateur
LeorLindel
Administrateur
Administrateur
 
Messages: 4228
Inscription: 19 Fév 2010, 13:44
Localisation: Lutéce

Re: Mettre le Footer en pleine page

Messagepar Deadpoule » 07 Mai 2012, 01:23

Merci c'était exactement ce que je cherchais ! :)
OpenCart : Version 1.5.4
Hébergeur : OVH
Php 5
Deadpoule
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 47
Inscription: 01 Avr 2012, 23:05

Re: Mettre le Footer en pleine page

Messagepar LeorLindel » 07 Mai 2012, 06:18

Il faut mettre l'icône Image et non plus le terme [Résolu] dans le titre initial du sujet.

Je t'en remercie.

PS : Correction effectuée.
Image
1 - A lire avant de poster un sujet
2 - Politique sur la signature.

Quand le sujet est résolu, pensez à ajouter la petite coche verte Image dans le titre initial en éditant votre premier message et non dans votre dernière réponse.
Merci


Toutes les extensions commerciales (templates ou modules payants) ne peuvent pas faire l'objet d'ouverture de sujet, prière de bien vouloir s'adresser au concepteur en cas de problème ou demande de renseignements.

Seul, on avance plus vite, à plusieurs on avance plus loin.
Avatar de l’utilisateur
LeorLindel
Administrateur
Administrateur
 
Messages: 4228
Inscription: 19 Fév 2010, 13:44
Localisation: Lutéce

Re: Mettre le Footer en pleine page

Messagepar Deadpoule » 08 Mai 2012, 08:17

Mince, comme ce n'était pas moi qui avais ouvert le sujet, je pensais que ça avait déjà été fait (étant donné que la réponse avait déjà été donnée) :-/ Désolé !

Ceci dit, travaillant sur un thème perso ayant pour base le thème OC par défaut, je me suis contenté de copier le fichier footer.tpl avec le header.tpl puis j'ai édité le footer.tpl en rajoutant tout au début du code :

Code: Tout sélectionner
</div>


Comme cela la div container se ferme juste avant le footer qui reprend sa liberté ^^
OpenCart : Version 1.5.4
Hébergeur : OVH
Php 5
Deadpoule
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 47
Inscription: 01 Avr 2012, 23:05

Re: Mettre le Footer en pleine page

Messagepar shopjr » 14 Fév 2013, 01:54

Bonjour,

Question indirecte, où modifier le texte du footer?

Merci par avance de vos réponses !
Version 1.5.3.1
www.shopjr.com
shopjr
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 26
Inscription: 14 Fév 2013, 01:36

Re: Mettre le Footer en pleine page

Messagepar LeorLindel » 14 Fév 2013, 09:53

Comme une de tes précédentes questions, tu postes dans un sujet qui est résolu et qui ne concerne pas ta question, tu auras donc peu de chance que l'on te réponde.

Ouvre donc un autre spécifique relatif à ton problème.
Image
1 - A lire avant de poster un sujet
2 - Politique sur la signature.

Quand le sujet est résolu, pensez à ajouter la petite coche verte Image dans le titre initial en éditant votre premier message et non dans votre dernière réponse.
Merci


Toutes les extensions commerciales (templates ou modules payants) ne peuvent pas faire l'objet d'ouverture de sujet, prière de bien vouloir s'adresser au concepteur en cas de problème ou demande de renseignements.

Seul, on avance plus vite, à plusieurs on avance plus loin.
Avatar de l’utilisateur
LeorLindel
Administrateur
Administrateur
 
Messages: 4228
Inscription: 19 Fév 2010, 13:44
Localisation: Lutéce


Retourner vers Soutien Général

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron