Jump to content

[RESOLU] deplacer le logo de la boutique

deejam26
 Share

Recommended Posts

deejam26 Newbie

deejam26

Posted
Posted (edited)

bonsoir,

 

j ai desactivé la barre de recherche au dessus de l acceuil pour recuperer la place afin de l utiliser pour un logo plus grand! probleme car mon logo reagie comme si elle etait encore la , quand je l agrandi il passe au dessus!

je voudrait qu il prenne la place de la barre de recherche!

donc, comme sur la photo mais collé a la barre d acceuil. post-475737-0-84943400-1360094735_thumb.jpg

avez vous une solution svp ??

 

merci

Edited by deejam26 (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Bonjour,

 

Le problème n'est pas la position du logo mais la place qu'il a besoin pour ce placer correctement...

 

Vous essayez de stationner un semi remorque dans une place de stationnement pour une Smart !!!

 

L'emplacement réservé au logo est de : 979px (.grid_9 = largeur totale) - 646px (.grid_6 = header_right) = 333px

le logo faisant quasi le double à vu d'oeil, normal qu'il se trouve au dessus même en supprimant la barre de recherche.

 

Solution : Éditez votre header.tpl et changez la valeur de .grid_6 en .grid_3 (<div id="header_right">) par exemple et faites un test...

 

V++

 

Atch

Link to comment
Share on other sites
deejam26 Newbie

deejam26

Posted
  • Author
Posted

merci de votre réponse, je suis étonné, mon logo fait 600x115.

 

quand je le met en 330x67 il est bien collé a la barre d'acceuil, mais au dessus il se comporte comme si la barre de recherche était encore la!

 

excusez moi, je suis un newbie dans prestashop, voici le code complet "head"

pourriez vous me dire quoi coriger car il y a beaucoup de grid_9

 

</head>

 

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if}">

{if !$content_only}

{if isset($restricted_country_mode) && $restricted_country_mode}

<div id="restricted-country">

<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>

</div>

{/if}

<div id="page" class="container_9 clearfix">

 

<!-- 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="{$logo_url}" 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>

 

<div id="columns" class="grid_9 alpha omega clearfix">

<!-- Left -->

<div id="left_column" class="column grid_2 alpha">

{$HOOK_LEFT_COLUMN}

</div>

 

<!-- Center -->

<div id="center_column" class=" grid_5">

{/if}

 

 

merci beaucoup

Link to comment
Share on other sites
Hedrad Newbie

Hedrad

Posted
Posted

Bonjour Deejam36,

Quand on vous aide gratuitement, vous pourriez au moins prendre le temps de lire correctement les réponses qui vous sont données !

 

On vous dit 6 :

Solution : Éditez votre header.tpl et changez la valeur de .grid6 en .grid3 (<div id="header_right">) par exemple et faites un test...

 

Et vous lisez 9 :

pourriez vous me dire quoi coriger car il y a beaucoup de grid_9

 

Il ne faut pas s'étonner ensuite que l'on en est marre d'aider...

Et il n'y a qu'un seul grid6 dans votre code...

Link to comment
Share on other sites
deejam26 Newbie

deejam26

Posted
  • Author
Posted

houla...., je croit qu il y a un mal-entendu, j ai l impression de me faire réprimander comme un gosse la ;)

 

merci a toi hatch qui m'as gentille-ment répondu, je ne met pas en doute ce que tu dit, je cherche juste a comprendre rien de plus, c est pourquoi j ai demandé plus de détails sur cette modif, car si je fait un truc que je comprend pas , meme si ca marche, ca ne m'aidera pas pour le futur, et je le répète, je suis un newbie dans prestashop, je vous demande donc indulgence sur mes questions qui sont pour vous des questions bêtes! (elles l ont aussi étés pour vous un jour...)

 

je suis désolé hatch si tu as pris ma réponse comme un doute sur tes infos, ce n’étais pas mon intention et pas le cas, j aime juste comprendre et apprendre sinon je serait obligé de demander sans cesse et ce n est pas mon but.

 

herad : que dire....ben rien, tu n apporte aucunes aide, juste un reproche a un nouveau membre! :blink: merci quand même de ton intervention haute en couleur! :D

Link to comment
Share on other sites
Hedrad Newbie

Hedrad

Posted
Posted

Je n'apporte aucune aide ? Je redonne/reformule pourtant la solution...

Je demande juste de prêter attention à ce que l'on écrit. Pourquoi aller plus loin dans les explications alors même que vous ne prenez pas le temps de nous lire.

Hatch : Atch

Herad : Hedrad

...

Prendre le temps de correctement écrire des pseudos des pseudos de quelques lettres serait le minimum.

 

Pour bien comprendre le système des "grid". Je vous invite à installer le plugin "firebug" pour le navigateur Firefox. Il vous permettra de comprendre le fonctionnement des css de Prestashop.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Pas de problème...

 

 

le systeme de grid permet de définir la largeur des blocs dans le theme...

voir dans le css grid_prestashop pour connaitre chaque valeur de grid_x.

 


.container_9 .grid_1 {width:91px;}
.container_9 .grid_2 {width:202px;}
.container_9 .grid_3 {width:313px;}
.container_9 .grid_4 {width:424px;}
.container_9 .grid_5 {width:535px;}
.container_9 .grid_6 {width:646px;}
.container_9 .grid_7 {width:757px;}
.container_9 .grid_8 {width:868px;}
.container_9 .grid_9 {width:979px;}

 

Imaginez que le thème soit divisé en 9 colonnes de 91px de large...

 

En utilisant la class grid_x vous déterminez la largeur de vos blocs qui sont des multiples de 91px (+ 20px de margin-right).

A chaque fois que vous voyez un grid_x, pensez que c'est lui qui détermine la largeur du bloc.

 

V++

 

Atch

Link to comment
Share on other sites
deejam26 Newbie

deejam26

Posted
  • Author
Posted

super, merci de vos réponses, je comprend beaucoup mieux, je vais plancher sur les grid , merci encore a vous deux et désolé de m'etre mal exprimé, ainsi que pour vos pseudos .... :unsure:

 

merci Atch et hedrad

 

ps pour Hedrad : mon pseudo a moi c est deejam26 pas 36 :P

 

okokok je sort ...... :D

Link to comment
Share on other sites
Hedrad Newbie

Hedrad

Posted
Posted
ps pour Hedrad : mon pseudo a moi c est deejam26 pas 36 :P

Autant pour moi...

Même si Atch vous donne une belle réponse toute faite sur les grid, ne laissez pas de côté la mienne. Firebug est un très bon outil qui vous permettra d'appréhender le css.

Link to comment
Share on other sites
Hedrad Newbie

Hedrad

Posted
Posted

Je rajoute une dernière petite couche...

Quand un sujet a été résolu, il convient de l'indiquer afin que l'on puisse considérer que le sujet est "classé".

Je vous invite à éditer votre 1er post (bouton "Edit" en bas à droite du post en question) afin de pouvoir modifier le titre du sujet et d'y ajouter [RESOLU] devant.

Link to comment
Share on other sites
deejam26 Newbie

deejam26

Posted
  • Author
Posted

Autant pour moi...

Même si Atch vous donne une belle réponse toute faite sur les grid, ne laissez pas de côté la mienne. Firebug est un très bon outil qui vous permettra d'appréhender le css.

 

j'ai bien pris notes de tous les éléments, merci de votre apport.

Link to comment
Share on other sites
btsconsult Newbie

btsconsult

Posted
Posted

Bonjour deejam26,

 

Précision pour [RESOLU] voir ci-dessous

 

Pour marquer un topic comme [Résolu] :

- Editer le premier post du topic en cliquant sur le bouton "Editer",

- Cliquer sur le bouton "Utiliser l'éditeur complet",

- Ajouter la mention "[Résolu] " au début du titre de votre topic et cliquez sur le bouton "Envoyer le message modifié".

Link to comment
Share on other sites
deejam26 Newbie

deejam26

Posted
  • Author
Posted

Bonjour deejam26,

 

Précision pour [RESOLU] voir ci-dessous

 

Pour marquer un topic comme [Résolu] :

- Editer le premier post du topic en cliquant sur le bouton "Editer",

- Cliquer sur le bouton "Utiliser l'éditeur complet",

- Ajouter la mention "[Résolu] " au début du titre de votre topic et cliquez sur le bouton "Envoyer le message modifié".

 

merci de la précision , j ai corrigé

 

bonne journé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...