Jump to content

Logo,comment le positionner dans le header


Recommended Posts

Bonjour,

 

Je suis sans doute en train de me prendre la tête pour rien mais je cherche à positionner le logo dans le header.

J’aimerai le positionner avant le module "blocktopmenu", "menu haut horizontal".

 

Les modules sont chargés dans {$HOOK_TOP}, on peut dans ce hook positionner, ordonner les modules nous sommes d'accord.

 

Le souci c'est que le logo est chargé en dur dans le header.tpl.

<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>

Donc techniquement je peux afficher l'image correspondant à mon logo avant ou après le {$HOOK_TOP}.

 

J'aimerai afficher le logo dans ce hook juste avant le module "blocktopmenu", "menu haut horizontal".

J'ai créé un hook pour charger le module blocktopmenu après le hook_top pour avoir en gros.

Une div header

Une div logo

Une div blocktopmenu

Mais impossible de charger blocktopmenu dans mon hook.

 

Savez-vous comment procéder ?

 

Je joins une image du résultat que j'aimerai avoir.

post-47578-0-76775400-1373317798_thumb.png

Link to comment
Share on other sites

- Si le logo est en dur dans le template ça ne va pas être possible de le déplacer

- Si vous créez un hook supplémentaire ça ne changera rien car vous ne pourrez le placer que soit avant le hookTop soit après.

Donc votre logo se placera soit avant soit après tous ce qui est accroché au hookTop.

 

La solution c'est de créer un module qui affichera votre logo et qui sera capable de se greffer au hookTop. Vous pourrez alors gérer le positionnement de votre logo par rapport aux autres éléments.

/*** edit ***/

Je retire le lien vers mon module pour respecter les règles du forum. (Merci Muche :) )

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

Bonjour et merci pour votre réponse,

 

C'est ce que je me suis dit, passer par un module qui va charger le logo et que je pourrais positionner dans le Hook_top.

Enfin c'est quand même un truc de dingue d'en arriver là pour pouvoir placer un logo.

 

Vous pouvez m'envoyer le lien en pm si votre module se prête à ma problématique.

 

C'est comme la gestion des css c'est un truc de dingue ou alors j'ai rien compris...

Une css pour chaque module mais bordel le travail de dingue quand on doit modifier un thème.

J'aurai préféré une css commune aux différents modules ça serait bien, voir une config de base qui est chargée dans le global et après si on veut personnaliser un module on lui applique sa propre css, mais là c'est un truc de c o n.

 

C'est un peu comme utiliser des px, alors qu'on à des em et des % qui eux ne sont pas fonction de la résolution utilisée par l'internaute, enfin bref, je râle...

Link to comment
Share on other sites

Une css pour chaque module mais bordel le travail de dingue quand on doit modifier un thème.

imaginez tout le css sur une même feuille ? Et lorsque vous ajoutez un module, vous ajoutez le css à la mano dans votre feuille unique ?

Pour déplacer le logo c'est un probléme de position:absolute avec un positionnement des margin.

Pour lui faire de la place, il faut ajouter un margin-top de la hauteur de votre logo dans menutop (css du module, désolé)

 

C'est un peu comme utiliser des px, alors qu'on à des em et des % qui eux ne sont pas fonction de la résolution utilisée par l'internaute

est ce vraiment si simple ?

  • Like 1
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
×
×
  • Create New...