Jump to content

Definir la taille du logo / Pas de redimensionnement / Ps 1.6


didoo

Recommended Posts

Bonjour a tous,

 

Je bute sur un probleme simple pour lequel, je ne trouve pas de reponse fonctionnel

pour le theme par defaut de Prestashop 1.6.

 

Je voudrais que le logo soit 2x plus large pour occuper les 2/3 de la largeur.

 

Le théme redimensionnant le logo, je n'arrive pas a régler ce probléme,

Malgré pas mal d'heures perdues mes quelques essais sont résté infructueux, que ce soit dans global.css ou dans le header.tpl, sans que la version mobile s'emmele les pinceaux.

 

 

J'ai aussi essayé de ne pas passer par le BO pour charger le logo, mais en Ftp

et avec differentes tailles d'images, il me redimensionne toujours mais differemment

suivant la taille en pixel de mon logo.

 

 

Au secours et

merci beaucoup de votre aide.

 

Dimitri

 

www.bagouze.com

(V 0.0.0.01 :) )

 

 

 

 

Link to comment
Share on other sites

Bonjour,

Vous devez modifier le fichier themes/default_bootstrap/header.tpl

 

et modifier la ligne :

                <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
    avec vos valeurs de width et height désirées et supprimer les conditions d'existance d'image.

par exemple :

                <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}" width="300" height="100"/>
                       

Mais pour éviter d'avoir à modifier le code et si vous désirez faire d'autres modifications vous pouvez utiliser notre éditeur de thèmes :

http://addons.prestashop.com/fr/fonctionnalites-front-office-modules-prestashop/17952-configurateur-de-themes-avance-theme-maker.html

 

                 

Link to comment
Share on other sites

Cher Vinum,

 

Merci beaucoup pour cette réponse, rapide, claire et précise.

 

Il est vrai qu'a terme le configurateur de themes est une bonne solution 

pas trop cher que je ne connaissais pas  et evitant les problemes lors de mis a jour.

 

Je vais mettre ca en pratique dés ce soir dans le header.tpl.

 

Merci encore

 

Dimitri

Link to comment
Share on other sites

  • 3 months later...

Bonjour,

 

je déterre un peu ce sujet étant tombé dessus,

 

Voilà je voulais moi aussi augmenté la taille de mon logo, les modifs expliquées ci dessus fonctionne mais que si je voudrais réduire la taille. Ce qui n'est pas le cas, au contraire.

Donc j'ai beau mettre une taille plus grande, mon image est toujours retaillée à 370px par 118px    et je ne trouve pas où ces paramètres se trouvent.

 

Prestashop V1.6.0.14

 

D'où cet appel à l'aide.

 

Cordialement

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

Bonjour,

 

Le logo est redimensionné en css.

Le plus propre :

 

Ouvrez le fichier global.css de votre thème.

Vers la ligne 703

  .col-sm-4, header .row #header_logo {
    width: 33.33333%; }
Cela indique à la "boite logo" de se comporter comme une .col-sm-4 avec 33.33% de largeur nous allons lui demander de se comporter comme une .col-sm-8 avec 66.66% de largeur en déplacant header .row #header_logo jusqu'à la .col-sm-8 
Remplacez 
  .col-sm-4, header .row #header_logo {
    width: 33.33333%; }
par 
  .col-sm-4 {
    width: 33.33333%; }
et quelques lignes plus bas
remplacez
  .col-sm-8 {
    width: 66.66667%; }
par
  .col-sm-8, header .row #header_logo{
    width: 66.66667%; }

Votre logo prendra 2/3 de la largeur

 

Bonne journée

 

Edited by Ariane Web et Plus (see edit history)
  • Like 2
Link to comment
Share on other sites

bonjour,

Savez vous comment je pourrais modifier URL lorsque l'on clique sur le logo, j'aimerai qu'une nouvelle page s'ouvre sur un autre site ?

merci de votre aide, je d'écouvre prestashop, je n'ai pas aujourd'hui de boutique car pour le moment je fais tout mes test en local

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