Jump to content

Yann74

Members
  • Posts

    72
  • Joined

  • Last visited

Posts posted by Yann74

  1. Sur product.tpl, ligne 84, en changeant 'large_default' par 'large_default2x' on arrive à afficher une image adaptée écrans THD, mais celle-ci s'affiche aussi sur les écrans normaux, de même sur product-list.tpl.

     

    Je vais donc chercher à ce que dès que l'écran de l'internaute est THD, la source de l'image rajoute '2x' à la fin, sinon rien ne change, pour voir ce que ça donne. Dès que je trouve la solution je la poste ici.

  2. J'ai vraiment l'impression que tu as ouvert ce topic sur un sujet pour lequel tu ne comprends pas grand chose.

     

    Parce qu'on devrais ouvrir un topic uniquement sur un sujet qu'on maitrise ? Qu'est-ce qu'on pourrais avoir de beau à se raconter alors ? J'ai créé pas mal de sites sous WP, tous optimisés écrans THD, je connais un peu le sujet, même si je ne suis pas expert. J'ai ouvert ce topic parce que je pense qu'il y d'autres personnes qui, comme moi, se posent la question de comment fonctionne cette option. Il y a d'autres sujets ouverts, mais en Anglais, pas facile pour tout le monde de comprendre ce qui est dit. Ma question initiale n'était pas "comment gérer les écrans haute définition" mais "comment est gérée l'option images haute définition".

     

    Je vais continuer à creuser la question, je me ferais un plaisir d'apporter une réponse claire, et non condescendante aux utilisateurs souhaiteraient également proposer une qualité d'image top à tous les utilisateurs. Merci de votre aide.

  3. L'image vectorielle était un exemple des pratiques pour s'adapter aux écrans THD, je suis donc très sérieux :)

     

    J'ai créé une image de 916 x 916 pixels, soit deux fois la résolution des images produits du thème bootstrap d'origine, j'ai chargé cette image depuis le BO, vidé tous les caches, et je n'observe aucun changement sous un écran THD, l'image semble toujours pixelisée. 

     

    Donc par défaut PrestaShop n'affiche pas une image de deux fois la taille si l'écran est THD mais réduit simplement la compression ?

  4. J'ai regardé la configuration des images et je me suis interrogé sur son usage, j'ai cherché à résoudre mon problème seul avant de poser la question sur le forum. En ce qui concerne la gestion des écrans haute définition, ce que j'ai toujours observé, c'est soit l'utilisation de formats d'images vectorielles, soit le changement de l'image source si l'écran de l'internaute possède une définition de 1,5 fois la normale. 

     

    Sur un autre site, j'ai mis en place un script disponible gratuitement qui permet de remplacer la source de l'image par le rajout de "@2x" à la fin de l'URL. Il faut donc envoyer sur le serveur deux images : une qui s'appelle monimage.png qui possède la résolution souhaitée, et une autre [email protected] qui possède deux fois la résolution souhaitée. 

     

    J'ai inspecté le code source d'une page produit sous PrestaShop et je n'ai remarqué aucun changement, que je soit sur un écran à résolution classique ou que je soit sur un écran à haute résolution. Je n'ai remarqué aucun rajout de class ou tentative de modification de la source de l'image.

     

    Pourtant, dans le répertoire des images, accessible via FTP, il y a bien deux formats d'images générés (25-thickbox_default.jpg et 25-thickbox_default2x.jpg).

     

    Quand je suis sur l'écran THD, même en vidant le cache du navigateur utilisé, je voit bien que l'image utilisée est à résolution classique et pas adaptée THD. 

  5. Bonjour à tous !

     

    Savez-vous comment est géré l'option "images haute définition" ? 

     

    Ce qui me paraitrais logique, c'est de créer des images de deux fois la taille souhaitée, d'envoyer cette image et que PrestaShop génère deux fichiers : un à la résolution classique et un autre à la résolution haute définition, et que selon écran de l'internaute, l'une ou l'autre image soit chargée. Mais apparemment c'est pas comme ça que ça marche  :blink:

  6. C'est dommage que ce ne soit pas possible, sur WordPress j'utilise parfois les images au format SVG comme des images JPG ou PNG, elles se comportent de la même manière à ceci prêt qu'il faut fixer la largeur pour éviter qu'elle ne prenne trop de place.

     

    Sur le thème d'origine de PrestaShop, j'ai modifié le fichier header.tpl de sorte à ce que le logo soit au format vectoriel (non pas via la balise image <img src> mais directement en intégrant le code SVG). Le résultat est top ! :)

     

    Si le SVG ne peut être utilisé, est-ce possible d'utiliser un autre format vectoriel comme le PDF par exemple ?

  7. Pour en revenir, j'ai installé la même version de PrestaShop sur le même serveur, dès la fin de l'installation, je me connecte au back-office et je rajoute une catégorie, tout fonctionne nickel. Lorsque je vais dans "modules" et "nettoyage de la base de donnée", je clique sur l'option pour vider les produits, caractéristiques etc... Après avoir lancé cela, je retourne dans la partie "catégories" et plus possible de créer une sous-catégorie.
     

    Je réinstalle donc tout mon site :)

  8. Bonjour à tous !

     

    Je suis sur le thème d'origine Bootstrap, je cherche à réduire le temps de chargement du site en compilant les fichiers CSS et JS dans un seul, pour cela j'ai besoin de supprimer certains appels au chargement des fichiers dans le head. 

     

    J'ai regardé du côté du header.tpl mais tous les appels n'y sont pas. Savez-vous sur quel fichier il faut que je travaille ?

  9. Pour la version 1.6.1.5, ça a légèrement changé, il faut commenter les lignes 314 à 316. 

     

    Il faut donc remplacer 

    if (isset($logo)) {
                    $template_vars['{shop_logo}'] = $message->embed(Swift_Image::fromPath($logo));
                }
    
    par

    /*if (isset($logo)) {
                    $template_vars['{shop_logo}'] = $message->embed(Swift_Image::fromPath($logo));
                }*/
    
    Pour l'instant ça a l'air de bien fonctionner, je reviens aux nouvelles s'il y a un bug quelque part :)
  10. Bonjour,

     

    Lorsque je souhaite ajouter une catégorie, rattachée à une catégorie parente, au moment de cliquer sur "Ouvrir tout", ça ne fonctionne pas, comme le montre ce gif :

     

    160601115542535602.gif

     

    J'ai installé PS el local et ça fonctionne. Je précise que le site en ligne vient d'être créé, il n'y a même pas encore de produits, j'ai donc rien modifié à part le CSS.

     

    Vous remarquerez que l'icône de dossier n'apparait pas à gauche du mot "Accueil". 

     

    Avez-vous une idée d'or cela peut provenir ?

  11. Ah je vois... En fait j'avais l'habitude de travailler sur Wordpress ou il faut travailler avec un thème enfant pour prévenir d'une mise à jour du thème qui pourrais effacer les modifications qu'on a faites. Je pensais qu'il fallait faire la même chose sur Prestashop : créer un fichier dédié aux modifications CSS pour qu'en cas de mise à jour du thème, on est juste à ré-intégrer le fichier de CSS personnalisé et vérifier que tout aille bien.

     

    Ce n'est donc pas du tout la même chose sur Prestashop, je n'ai pas besoin de "centraliser" tout mes modifs sur le même fichier pour prévenir des mises à jour ?

  12. Donc il faudrait que je revoie chaque ligne de mon CSS personnalisé qui n'est pas appliqué...  :blink:

     

    Je me souvient que sur Wordpress, sur certains thèmes, il existe un fichier custom.css déjà installé dans lequel on peut mettre n'importe quel CSS, celui-ci sera automatiquement appliqué en priorité. 

     

    Est-ce qu'il existe un moyen avec Prestashop d'indiquer que tel fichier CSS est prioritaire sur les autres ?

  13. Voilà ce que j'ai maintenant que j'ai déplacé le fichier custom.css :

     

    151022103927258073.png

     

    La premier ligne correspond au CSS d'origine, la deuxième ligne correspond à ce que j'ai mis dans le custom.css. Avec l'ancienne méthode (qui n'était donc pas la bonne :P ), mon CSS personnalisé surchargeait correctement celui d'origine, maintenant il passe en second plan.  :wacko:

  14. Alors j'ai changé de place le fichier custom.css comme vous avez dit, je l'ai placé dans le dossier css/autoload, j'ai supprimé dans le header.tpl l'appel au fichier, et j'ai vidé les caches navigateur et Prestashop. 

     

    Le fichier est bien chargé par mon navigateur, mais auparavant toute les modifications du custom.css fonctionnaient, maintenant dans mon css si je ne met pas un "!important" sur la quasi totalité des lignes, mes modifications ne sont pas prise en compte  :blink:

  15. Bonjour :) 

     

    Ma boutique sous Prestashop 1.6.1.1 est conçue avec le thème d'origine Prestashop (avec Bootstrap). 

     

    Pour personnaliser ce thème, j'ai créé un fichier custom.css et enregistré dans le répertoire du thème /css.

     

    Pour charger ce fichier, j'ai inclus le lien dans le ficher header.tpl comme suit :

    {if isset($css_files)}
    	{foreach from=$css_files key=css_uri item=media}
    		<link rel="stylesheet" href="{$css_dir}custom.css" type="text/css" media="{$media}" /> 
    		<link rel="stylesheet" href="{$css_uri|escape:'html':'UTF-8'}" type="text/css" media="{$media|escape:'html':'UTF-8'}" />
    	{/foreach}
    {/if}
    

    Dans le back office, à Paramètres avancés -> Performance, si j'active ""Smart cache" pour les feuilles de style", et que je vide le cache Prestashop et le cache de mon navigateur, en rechargeant la home page, le fichier custom.css n'est pas chargé, si je désactive ""Smart cache" pour les feuilles de style", le fichier custom.css est à nouveau chargé correctement.

     

    Avez-vous une idée d'où cela peut provenir ? :)

     

     

     

     

     

     

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More