Jump to content

[RESOLU] banniere dans theme prestashop_new

marsu

By marsu
in Modules et thèmes gratuits

 Share

Recommended Posts

marsu Newbie

marsu

Posted
Posted (edited)

Bonjour,

 

Cela fait 2 jours que j'épluche le forum pour mettre une bannière en fond du header... j'ai trouvé pas mal d'infos mais ça ne marche pas :(

 

j'ai rajouté le code "en rouge" concernant la bannière après le code du header donc ligne 508 du global css de mon thème :

 

 

/* ************************************************************************************************

HEADER

************************************************************************************************ */

#header {position:relative}

#header_logo {

float:left;

display:block

}

 

#header_right {

position:relative;

float: right

}

 

 

/* ************************************************************************************************

BANNIERE

************************************************************************************************ */

 

#banniere {

background: transparent url ('..C:/wamp/wwww/prestashop/themes/myanimal/img/ban.jpeg') no-repeat top left;

float: left;

height: 100px;

widht: 970px;

}

 

#banniere a {

text-decoration: none;

display: block;

height: 100%;

widht: 100%;

}

 

 

 

et le code "en rouge" suivant dans le header.tpl

 

 

<!-- Header -->

<div id="header" class="grid_9 alpha omega">

<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

<div id="header_right" class="grid_6 omega">

{$HOOK_TOP}

</div>

<div id="banniere">

<a href="http://localhost/prestashop/"> </a>

</div>

</div>

 

 

Resultat : je ne vois pas ma bannière.... mon header s'agrandit vers le bas (sous le menu) et j'ai une zone blanche.

 

Je dois avoir à la fois un problème d'affichage et un de placement (les grid ???)

 

Merci pour votre aide :) je mets une copie d'ecran du résultat

post-327249-0-97135200-1349796965_thumb.jpg

Edited by marsu (see edit history)
Link to comment
Share on other sites
Scorp1o Newbie

Scorp1o

Posted
Posted (edited)

C'est une bannière de pub ou un fond au niveau de ton logo ?

Si c'est au niveau de ton logo pourquoi ne pas le mettre dans le header_right

 

Pour l'affichage de ton image, met plutôt un lien relatif (pas de lien au complet)

dans le genre url("../img/ban.jpg")

 

Je dits ça mais j'ai pas testé :mellow:

Edited by Scorp1o (see edit history)
Link to comment
Share on other sites
marsu Newbie

marsu

Posted
  • Author
Posted (edited)

Merci pour ta réponse

 

1- ce n'est pas une pub, c'est une image qui doit se mettre entièrement en fond du header.

 

2-Si je le mets dans mon header right, je ne vais pas avoir un problème de grid ? dans le header.tpl, il y a

<div id="header_right" class="grid_6 omega">

et cette zone fait 646 px de large

 

A propos, pourquoi la zone du header grid_9 fait 979px de large et pas 980px ????

 

3-Je vais tester mais je ne comprends pas comment ça pourrait marcher

 

 

J'ai testé avec une mini bannière de hight:70px et width:100px pour voir si elle se mettrait entre le logo et le header_right mais ca change juste ma hauteur de blanc sous le menu....

 

j'ai testé en déplacant les bouts de code dans le header et le global.css ça ne marche pas...

 

j'ai testé les / ou \ dans le chemin de l'image...

 

etc, etc.... je suis à court d'idées là

Edited by marsu (see edit history)
Link to comment
Share on other sites
Scorp1o Newbie

Scorp1o

Posted
Posted (edited)

Bonjour,

 

J'ai fait un test ce matin et en mettant ton image dans le header cela fonctionne.

 

#header {
background: url("../img/ban.jpg") no-repeat scroll 0 0 transparent;
position: relative;
}

 

et je n'ai pas ajouté la balise BANNIERE

 

J'espère que cela t'aidera.

post-276559-0-63721000-1349855543_thumb.jpg

Edited by Scorp1o (see edit history)
Link to comment
Share on other sites
marsu Newbie

marsu

Posted
  • Author
Posted

merci pour ta réponse.

j'ai inséré ta ligne code dans le header du global.css et c'est toujours pareil :(

 

tu as aussi le theme prestashop_new ?

 

Je me demande si il trouve le chemin de mon image....

comment savoir si il trouve bien mon image pour savoir si c'est juste un problème d'affichage ??

j'ai vérifié dans le BO, je suis bien sur mon thème

Link to comment
Share on other sites
marsu Newbie

marsu

Posted
  • Author
Posted (edited)

je suis en 1.4.7.1 avec le thème prestashop_new

j'ai l'impression que les codes que j'ai récupéré sur le forum ou celui que tu m' a donné ne fonctionne pas avec ce thème à cause des "grid"

c'est pour ça que j'ai fait un nouveau post "bannière" malgré ceux déjà existant en précisant le thème...

 

dans preferences/performances, j'ai bien cliquer sur "oui" à "forcer la compilation"

"cache" juste en dessous est sur "non"

tout en bas "utiliser le cache" est sur "non"

c'est bon ou il faut faire une autre manip pour vider le cache ????

autre précision, je suis en local

par contre j'ai un avertissement me disant que si je veux utiliser "memcached", je dois installer l'extension "memcache PECL" sur mon serveur (suis en local) mais vu que je n'active pas le cache, ca ne me semble pas important

 

je viens de voir que la version 1.5 utilise de base le theme prestashop_new !!! je vais migrer vers la 1.5 mais du coup ça ne resoud pas mon problème vu que ça marche chez toi

Edited by marsu (see edit history)
Link to comment
Share on other sites
Scorp1o Newbie

Scorp1o

Posted
Posted

As tu bien supprimé tes fichiers temporaires sur ton pc ??

 

Pour memcached, c'est seulement utilisé sur certain serveur Apache

 

J'ai testé sur une version 14.7.0 avec le theme prestashop_new et j'arrive bien a afficher la banniere dans le header.

 

Verifie que tu n'as pas 2 fois le header dans ton css et que tu as bien modifié l'existant.

Link to comment
Share on other sites
marsu Newbie

marsu

Posted
  • Author
Posted

Je viens de vider le cache par mon navigateur (firefox), ça ne change rien...

et je n'ai qu'un seul header dans mon css de theme....

 

c'est un truc de fou :blink: !!!!

en tous cas merci beaucoup pour ton aide, c'est super gentil, si tu as d'autres idées, je prends :D

Link to comment
Share on other sites
Scorp1o Newbie

Scorp1o

Posted
Posted

L'image est bien situé dans le répertoire img de ton thème ?

Le nom et l'extension de ton fichier sont bien en minuscule ?

 

Pour l'instant je n'ai pas d'autre idées, mais si tu es d'accord, tu peux m'envoyer ton thème par mail pour que je regarde si je trouve le problème.

 

Si tu le souhaite envoie moi un message privé pour que je te fournisse mon adresse mail pour l'envoie.

Link to comment
Share on other sites
marsu Newbie

marsu

Posted
  • Author
Posted

tout a l'air ok pour l'image....

je suis bien dans le css de mon theme (vu avec firebug)

j'ai fait un test en essayant de mettre une couleur dans le header et dans le header_right, cela ne change rien.... il n'apparait pas dans firebug

il doit y avoir un code quelque part qui prend le dessus sur mes instructions : firebug me dit que le header hérite des styles du body....

code body dans css de mon theme :

/* ************************************************************************************************

generic style

************************************************************************************************ */

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#fff

}

 

 

ou alors c'est moi qui utilise mal notepad ??? je modifie, j'enregistre et c'est tout, je garde le fichier ouvert...

 

si c'est pas un de ces trucs, je te contacte, merci ;)

Link to comment
Share on other sites
marsu Newbie

marsu

Posted
  • Author
Posted (edited)

Miracle, ça marche :D !!!! je ne sais absolument pas pourquoi :P ..... je vous explique, si ça peut éviter à quelqu'un de galérer 3j comme moi !!!!!!!!

j'ai récupérer un code background existant dans le css un peu plus bas et je l'ai collé sous header... puis j'ai remplacé le nom de l'image par le nom de mon image (attention la largeur de la taille de l'image ne doit pas être supérieure à la taille max du header donc 979px max)

 

#header {

background:url(../img/ban.jpg) repeat-x 0 0 #fff;

position:relative

}

 

ce code fonctionne !!!!

 

Quelqu'un peut m'expliquer pourquoi " repeat-x 0 0 #fff;" fonctionne ????

Pourquoi " no-repeat scroll 0 0 transparent;" ne fonctionne pas ????

pourquoi "background: transparent url (../img/ban.jpg) no-repeat top left; ne fonctionne pas non plus ????

 

pourquoi la largeur du header fait max 979 et non 980 ???

 

PS : merci beaucoup Scorp1o pour ton aide, ça m'a permis de réfléchir et d'avancer

Edited by marsu (see edit history)
Link to comment
Share on other sites
Scorp1o Newbie

Scorp1o

Posted
Posted

De rien, si j'ai pu te rendre un peu service c'est le principale.

 

Par contre je viens de voir que maintenant :( que "transparent" était au début de ta balise css, et non à la fin.

C'est peut être ça qui fait que cela n'as pas fonctionné avant. L'ordre de la syntaxe n'avait pas été respecté.

 

Si ton problème est résolu, pense à modifier ton titre dans ton premier message en indiquant [RESOLU].

Link to comment
Share on other sites
marsu Newbie

marsu

Posted
  • Author
Posted

le problème venait peut-être du mot "transparent" car en début ou en fin, ca ne marchait pas....

et j'ai testé no-repeat à la place de repeat-x, ça ne marchait pas non plus...

 

j'attends un peu pour marquer "résolu" au cas où quelqu'un viendrait faire un tour et aurait une explication :P

Link to comment
Share on other sites
  • 1 year later...
akita44 Newbie

akita44

Posted
Posted

Bonjour, 

j'ai pas tous comprit à vos messages, j'ai essayé les codes que vous aviez donné plus haut mais ça ne fonctionnait pas.

 

Je pense qu'il s'agit de la même chose que "marsu" je souhaiterais faire une bannière arrivant à la limite du "menu haut horizontale" et faisant toute la largeur de la page, en faisant un légé dégradé. j'ai réussi a modifier la couleur de l'header mais je n'est pas trouvé pour que celui-ci fasse toute la largeur de la page, et qu'il n'y pas de blanc sous mon logo (je précise que mon logo a été enregistré sans fond).

Je voulais également mettre un fond un peu gris, quelque chose de léger, pour faire ressortir les photos etc ... J'ai bien trouvé comment faire, mais c'est pareil, j'ai du blanc un peu partout (au milieu de la page, et a droite et à gauche de la page, là ou il y a le bloc "magasin" "catégories" etc...

 

j’espère avoir été assez clair, n'hésitez pas à ma demander sinon , j’essaierais de faire au mieux :)

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...