Pb css blocsearch

[foreverclo]

Bonjour, j'ai un soucis avec mon module je n'ai pas les mêmes lignes dans mon css est ce qui est inscrit en bas à droite , c'est bien dans le dossier modules/blocsearch/blocsearch.css mais mes lignes sont différentes comment pourrais je faire ? et j'ai le même soucis avec le panier ?

[Julien64]

Bonjour,

 

 

Prestashop utilise un système de surcharge des fichiers qui permet de faire des modifications visibles sur la boutique sans avoir à modifier les fichiers d'origines des modules dans votre cas.

 

Les bons fichiers CSS doivent se trouver dans "themes > VOTRE THEME > css > modules > LE NOM DE VOTRE MODULE"

[foreverclo]

Un grand merci julien tu a résolu mon problème , par contre je voudrais placer entre ma barre rechercher et a droite mon compte et panier entre les deux mon logos,comment puis je faire, je pense créer un bloc adversiting mais ensuite comment le déplacer jusque la ?

[Julien64]

Je ne suis pas sur de comprendre ce que vous voulez faire. Si vous voulez déplacer le logo de votre boutique il va falloir jouer sur les CSS plutôt.

Votre site est en ligne?

[foreverclo]

Enfait je voudrais placé comme sur l'image mon logo au milieu entre ma barre rechercher et mon module mon panier mon compte cependant je ne sais pas comment l'insérer et oui mon site es en ligne mais pas encore actif . Merci pour votre aide

[Julien64]

ah oui effectivement il y a l'url de votre site sur l'image jointe...

 

Par contre je ne vois aucun logo présent sur votre site. Si vous l'uploadez directement dans le backoffice "Préférences > Thèmes > logo de l'entête" il est visible sur la boutique ou non? Si oui faites moi signe que j'aille voir ou il se place.

[foreverclo]

Oui il est bien la mais ne s'affiche pas mais je me souvient que sur un de mes anciens site j'avais utilisé le module publicité insérer l image et ensuite configurer dans le css mais je me rappel plus du tout de ma manipulation

[Julien64]

Ok donc c'est le thème qui est prévu pour ne pas afficher le logo apparemment... bizarre!

 

A mon avis il faudrait plutôt s'orienter sur la modification de votre header.tpl en ajoutant l'appel à votre logo comme dans le thème de base:

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

[foreverclo]

J'ai essayé mais le pb c'est quand j'insère le code il me déforme le header donc la barre rechercher bouge ainsi que mon compte et panier donc je pense plutôt essayer de faire comme j'avais fait via le bloc adversiting si vous comprenez

[Julien64]

héhé, quoi que vous fassiez il va falloir de toute façon mettre un peu les mains dans le code et dans les CSS surtout.

 

Si vous affichez votre logo dans le header et que vous apporter quelques modifications ça devrait être nickel et plus propre que d'utiliser le module de pub

Je peux vous guider si vous l'afficher sur votre boutique pour savoir quel fichier modifier et comment.

 

Sinon il faut greffer votre module sur le hook "displayTop" et ensuite jouer sur sa position et surtout modifier les css du module pour ajuster l'affichage.

[foreverclo]

Voici je l'ai insérer dans le header.tpl donc je voudrais tout bien replacé ainsi qu'ajuster le logo la il est trop gros je suis prêt à toucher au css , je vous écoute ^^ merci pour votre aide

[Julien64]

Désolé j'étais au tél ^^

 

Pour modifier la taille de votre logo le mieux est d'uploader une image à la bonne taille pour des questions de performance (pas la peine de charger une image énorme pour l'afficher petite) mais sinon sa taille est gérée dans le global.css à la ligne 249.

 

Pour positionner le logo, votre thème n'étant pas responsive, je le mettrai en position absolue, toujours dans le global.css à la ligne 243. Remplacez "float:left" par "position:absolute" et jouez ensuite sur "top" et "left" pour le positionner à votre convenance.

[foreverclo]

Un grand merci pour ton aide , super par contre j'avais un lien facebook avec juste le bouton j'aime de ma page je l'avais disposé à coté du logo forever-clothing comment puis je l'insérer et le récupérer surtout

[foreverclo]

le lien est dessus mais je ne le trouve pas : https://developers.facebook.com/docs/reference/plugins/like/ ensuite pour le placer c'est dans le header.tpl ?

[Julien64]

Oui vous pouvez effectivement insérer votre code directement dans le header.tpl et le positionner aussi grâce aux CSS.

 

Je viens d'aller voir la modif sur votre site, il va falloir modifier un peu les CSS encore car à l'heure actuelle il n'est plus possible de cliquer sur "mon compte" ou "s'inscrire" en haut à gauche.

 

Voila les modifs:

- global.css:

ligne 234: #page ajouter un "position:relative;"

ligne 249: img.logo supprimez le float et le margin-left

ligne 243: #header_logo ajouter "left: 300px;" à ajuster et éventuellement un positionnement top aussi

[foreverclo]

Ok voici réglage effectué, la c'est ok qu'en pense tu par contre je trouve pas le lien facebook à insérer comme expliqué dans le facebook developpement car j'aimerai le placer juste à coté du logo forever-clothing