Phenomene Posted January 29, 2023 Share Posted January 29, 2023 Bonjour, j'ai cherché une solution qui me permettrais d'afficher correctement mon logo via les mobiles, en vain. A part qu'il faut modifier le fichier header.tpl. Ou que si mon thème est responsive je n'avais pas besoin d'activer le thème mobile. Quelqu'un pourrait m'aider. Merci header.tpl.pdf Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 29, 2023 Share Posted January 29, 2023 Bonjour, votre thème ne serait pas responsive en 2023 ? Et l'option thème mobile existe encore sur PrestaShop ? Ou utilisez-vous une vieille version de PrestaShop ? Link to comment Share on other sites More sharing options...
Manu-41 Posted January 29, 2023 Share Posted January 29, 2023 Il faudrait le lien de votre site afin de voir pour ajouter une règle css pour avoir un affichage correct. Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Bonjour, merci de l'intérêt que vous portez à mon problème. J'utilise prestashop 1.6.1.1.2. Mon thème est évolution X, un vieux thème qui est responsive. L'option thème mobile existe bien. Pour autant quand je l'active, cela ne modifie pas le logo. Le lien de mon site https://phenomenecouture.fr Link to comment Share on other sites More sharing options...
Manu-41 Posted January 30, 2023 Share Posted January 30, 2023 Bonjour, c'est normal, car vous utilisez une image qui fait 500 x 500. En version pc, il est déjà grand, en version mobile il est appelé dans le code à 70px en hauteur. Il est donc "écrasé" Il faut un logo sans zone blanche. Donc le rogner, et en PNG. Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 30, 2023 Share Posted January 30, 2023 Comme précisé, votre souci est au niveau du CSS sur mobile, vous définissez une hauteur sans parler de la largeur qui elle est forcé à 100% Donc logo déformé. La règle CSS devrait être : header .row #header_logo img { margin: 0 auto; height: auto; max-width: 100%; } Pour le media query suivant @media (max-width: 767px) Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Parlez vous de ce code <img class="logo img-responsive" src="{$ddlx_logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}" width="370" height="99"/> ? Faut-il que je change le logo avec ses valeurs width="370" height="99"/> ? Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Dois-je ajouter ce code n'importe ou ? header .row #header_logo img { margin: 0 auto; height: auto; max-width: 100%; } Pour le media query suivant @media (max-width: 767px) Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 30, 2023 Share Posted January 30, 2023 il y a 39 minutes, Phenomene a dit : Dois-je ajouter ce code n'importe ou ? header .row #header_logo img { margin: 0 auto; height: auto; max-width: 100%; } Pour le media query suivant @media (max-width: 767px) Non il faut le mettre en remplacement du code erroné Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Merci pour vos informations. Je ne sais pas comment les utiliser. Existe-t-il autre un moyen plus simple ? Comme j'ai la fonction thème mobile et que je peux y ajouter un fichier, je pourrais en connaissant la hauteur et la largeur du logo, mettre le logo à la bonne taille et l'ajouter le logo ! Ou faut-il ajouter un code au fichier header.tpl. Qu'en pensez-vous ? Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Je ne sais pas ou est l'emplacement du code erroné. Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Savez-vous ou je dois mettre le code ? Merci Link to comment Share on other sites More sharing options...
Manu-41 Posted January 30, 2023 Share Posted January 30, 2023 Oui, certainement dans le custom.css mais moi, j'opterai dans un premier temps pour rogner votre logo qui doit être en 370 x 99 px 1 Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Merci je vais tenter le coup en redimensionnant le logo. Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 J'ai redimensionné mais, le changement n'apparaît pas. Faut-il que je vide le cache ?J'ais peur de me servir de cette fonction j'ai déjà eu de mauvaise surprise. Link to comment Share on other sites More sharing options...
Manu-41 Posted January 30, 2023 Share Posted January 30, 2023 si vous avez eu des mauvaises surprises en vidant le cache, c'est que vous aviez un bug auparavant. En effet, le changement ne se voit pas. Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 j'ai vider le cache toujours pas de changement. j'ai changé la photo du thème mobile mais rien ni fait, j'ai l'impression qu'il ne prend en compte que le logo de l'entête. Activer le thème mobile Je veux le désactiver. J'ai choisi cette option comme le thème est responsive, est-ce bien cela ? Sinon je ne vois pas ce que je peux faire d'autre, à part changer le code comme cité plus haut. Je veux l'activer uniquement pour les téléphones mobiles. Je veux l'activer uniquement pour les tablettes tactiles. Je veux l'activer pour les tablettes tactiles et les téléphones mobiles. Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Même si je change le logo de l'entête, le logo ne change pas. Que faire ? Link to comment Share on other sites More sharing options...
Manu-41 Posted January 30, 2023 Share Posted January 30, 2023 Je pense que vous avez plusieurs problèmes avec votre site, vos pages produit donne une page blanche. Sinon, avez-vous vidé votre cache ? Il y a aussi une solution, c'est de remplacer votre logo depuis le FTP allez dans ce chemin : /modules/ddlx_evolution/img/phenomene/Phenomene_Couture.png Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 Oui j'ai vidé le cache et voilà ce que je redoutais, un autre problème à résoudre. Je vais restaurer mon site via mon hébergeur. Ok merci je vais tenter depuis le FTP. Et je vous redis si cela fonctionne ou pas. Link to comment Share on other sites More sharing options...
Manu-41 Posted January 30, 2023 Share Posted January 30, 2023 la page produit ne fonctionnait pas ce matin ;-( Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 30, 2023 Share Posted January 30, 2023 il y a 3 minutes, Phenomene a dit : Oui j'ai vidé le cache et voilà ce que je redoutais, un autre problème à résoudre. Je vais restaurer mon site via mon hébergeur. Ok merci je vais tenter depuis le FTP. Et je vous redis si cela fonctionne ou pas. Restaurer votre site par l'hébergeur, c'est la dernière possibilité si tous les tests furent infructueux et que vous n'avez eu aucune inscription ou vende depuis la sauvegarde, sinon, vous allez les perdre. Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 1 hour ago, Manu-41 said: Je pense que vous avez plusieurs problèmes avec votre site, vos pages produit donne une page blanche. Sinon, avez-vous vidé votre cache ? Il y a aussi une solution, c'est de remplacer votre logo depuis le FTP allez dans ce chemin : /modules/ddlx_evolution/img/phenomene/Phenomene_Couture.png J'ai solutionné les pages blanches produits. Lorsque le suit le chemin cité ci-dessus, il existe que le logo de la page d'accueil et pas celle du logo mail et facture ni celle de icône, ni mobile. Dois-je tous les ajouter dans ce même fichier. Link to comment Share on other sites More sharing options...
Phenomene Posted January 30, 2023 Author Share Posted January 30, 2023 j'ai trouvé le logo que j'ai redimensionner pour la fonction mobile 370 x 99. ( Dîtes-moi si je me trompe ? Ou bien est-ce la dimension du logo de la page d'acceuil) dans un autre fichier img dans la racine www. Du coup dois-je mettre le logo aussi dans le fichier cité ci dessus ? Link to comment Share on other sites More sharing options...
Manu-41 Posted January 30, 2023 Share Posted January 30, 2023 Vous devez rogner votre logo (enlever le contour blanc) pour avoir un format plus 'standard' et en png. Ensuite, vous lui donnez le nom :Phenomene_Couture qui fera Phenomene_Couture.png Une fois cela fait, vous remplacez le fichier qui est ici: /modules/ddlx_evolution/img/phenomene/Phenomene_Couture.png Si vous ne savez pas faire, il faut peut-être appeler un pro. Link to comment Share on other sites More sharing options...
Phenomene Posted January 31, 2023 Author Share Posted January 31, 2023 J'ai rogné le logo, enlevé le contour blanc puis renommer le fichier et remplacé le logo est maintenant j'ai une erreur 500 dans le home slider et 404 sur le logo et theme configurator. Link to comment Share on other sites More sharing options...
Phenomene Posted January 31, 2023 Author Share Posted January 31, 2023 22 hours ago, Manu-41 said: Oui, certainement dans le custom.css mais moi, j'opterai dans un premier temps pour rogner votre logo qui doit être en 370 x 99 px j'ai voulu tenté l'autre solution je ne trouve pas de fichier custom.css header .row #header_logo img { margin: 0 auto; height: auto; max-width: 100%; } Pour le media query suivant @media (max-width: 767px) On 1/30/2023 at 12:19 PM, Mediacom87 said: Non il faut le mettre en remplacement du code erroné Link to comment Share on other sites More sharing options...
Manu-41 Posted January 31, 2023 Share Posted January 31, 2023 Avez-vous vidé le cache ? Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 31, 2023 Share Posted January 31, 2023 il y a une heure, Phenomene a dit : j'ai voulu tenté l'autre solution je ne trouve pas de fichier custom.css J'avais oublié que vous étiez sur une version 1.6. Donc il faut adapter tout cela à votre thème si particulier. Link to comment Share on other sites More sharing options...
Phenomene Posted January 31, 2023 Author Share Posted January 31, 2023 oui j'ai vidé le cache Link to comment Share on other sites More sharing options...
Phenomene Posted January 31, 2023 Author Share Posted January 31, 2023 Problème résolu. Link to comment Share on other sites More sharing options...
Manu-41 Posted January 31, 2023 Share Posted January 31, 2023 Merci Link to comment Share on other sites More sharing options...
Phenomene Posted February 1, 2023 Author Share Posted February 1, 2023 Merci Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now