Affichage vignettes produit à la mauvaise taille ?

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Affichage vignettes produit à la mauvaise taille ?

    Bonjour à tous, voilà mon problème.
    Je réalise un site qui comprend une partie site classique joomla avec des articles, une galerie photo, une page contact et une partie boutique en ligne avec une quinzaine de catégorie de produits et quelques sous-catégories.
    Je travail en local avec :
    . Wampserver 2.2.e 64bits
    . Apache 2.2.22
    . Php 5.3.13
    . My sql 5.5.24
    . Virtuemart 2.0.18a
    . Joomla 2.5.9 stable full package-fr

    . Le template responsive Ja-Elastica

    J'ai un soucis avec la taille de mes vignettes produits.
    Dans la configuration générale, j'ai réglé la taille de la création automatique de vignettes à 160/160 px.
    Quand je crais une catégorie ou une sous-catégorie de produits, les vignettes créées automatiquement font bien 160/160. Jusqu'à là, pas de problème.
    Par contre quand je crais un nouveau produit, la vignette générés fait bien 160/160 si l'on vérifie dans la fichier recize ou elle est stockée, mais par contre sur le frontend du site elle fait genre 60/60 px ?
    Je suis sur un template responsive la vignette est en plus redimensionnée en fonction du support (mobile, tablette, ordi.). Par défaut, je travail à taille ordinateur de bureau. Dans ce cas là, la vignette fait 60/60 et si je passe un fenêtre genre mobile, je me retrouve avec l'équivalent d'un Favicon du genre 16/16px ?
    Bref ça ne me convient pas et je ne comprend pas pourquoi il n'y a qu'au niveau des vignettes produits que ce problème apparaît ?
    Quelqu'un a-t'il déjà été confronté à cela ?
    Existe une solution pour que ma vignette produit s'affiche bien en 160/160px quand je suis sur une fenêtre de taille ordinateur de bureau et qu'elle fasse 60/60px quand je suis sur un téléphone mobile en mode portrait à la rigueur ?


    D'avance merci, pour le moment, je suis un peu coincé ...

  • #2
    Re : Affichage vignettes produit à la mauvaise taille ?

    Pourquoi avez vous créé 2 discussions identiques celle ci et celle là ?
    Besoin de debugguer votre site, pensez à Firebug : http://www.grafikart.fr/tutoriels/ht...ion-firefox-76
    Vous avez trouvé une solution, mettez votre discussion en [Réglé] ? http://forum.joomla.fr/announcement.php?f=58
    Je ne donne pas suite aux messages privés (MP) non sollicités !

    Commentaire


    • #3
      Re : Affichage vignettes produit à la mauvaise taille ?

      [Modo]Inutile en effet de poster en double. Doublon supprimé.[/Modo]
      JoomlaDay FR 2018 - 18/19 Mai 2018 ! J'y serai ... et vous ?

      Envie de lire sur Joomla!, mais pas que ? Cinnk magazine http://cinnk.com/magazine

      Pour apprendre à construire votre site web avec Joomla 3 : Joomla3! Le Livre Pour Tous : http://cinnk.com/joomla/3/le-livre-pour-tous
      Créez votre boutique en ligne avec Joomla! & HikaShop http://cinnk.com/boutique/livres/cre...la-et-hikashop

      Commentaire


      • #4
        Re : Affichage vignettes produit à la mauvaise taille ?

        Envoyé par SimonG Voir le message
        [Modo]Inutile en effet de poster en double. Doublon supprimé.[/Modo]
        Je ne savais pas dans laquelle des 2 rubriques mettre ma demande puisqu'elle correspond au 2.
        Et si non, il y a quelqu'un qui a une réponse ?

        Commentaire


        • #5
          Re : Affichage vignettes produit à la mauvaise taille ?

          Euhhhh ?

          Y-a quelqu'un ?
          Personne n'a une petite idée pour régler mon problème ?

          Commentaire


          • #6
            Re : Affichage vignettes produit à la mauvaise taille ?

            il faut analyser l'imbrication des classes avec firebug pour créer une règle css qui evite aux images de VM d'être à 100% comme c'est le cas en responsive
            Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
            ---
            UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Affichage vignettes produit à la mauvaise taille ?

              Oups, ça se complique !
              Tout d'abord il semble que les vignettes de catégories de produits et les vignettes de produits ne soient pas gérées de la même manière, soit au niveau du template Ja-elastica, soit au niveau de virtuemart. pourtant au niveau du backend virtuemart il n'y a qu'un seul réglage pour la création automatique des vignettes, celui ou l'on spécifie la largeur et la hauteur des vignettes à créer lorsque l'on rentre les images des produits.
              Ce réglage se trouvant dans la partie template de la configuration générale de la boutique virtuemart.

              Il y a ici un dilemme ?

              Concernant firebug, je l'ai installé mais ne sait pas trop m'en servir.
              Pour le moment je suis aller sur l'image d'un produit que j'avais rentré dans ma boutique, j'ai fait : "inspect element with firebug"
              et concernant la classe de l'image, je peux lire l'imbrication de classes suivante dans le script indiqué en dessous :


              <div class="row">
              <div class="product floatleft width33 vertical-separator">
              <div class="spacer">
              <div class="width30 floatleft center">
              <a href="/lamemoiredelartisan/index.php/boutique/teintures-et-pigments/pigments-vegetaux/brou-de-noix-veritable-detail" rel="vm-additional-images" title="/lamemoiredelartisan/index.php/boutique/teintures-et-pigments/pigments-vegetaux/brou-de-noix-veritable-detail">
              <img class="browseProductImage" alt="brou_de_noix_veritable" src="/lamemoiredelartisan/images/stories/virtuemart/product/resized/brou_de_noix_veritable_160x160.png">
              </a>
              <span class="contentpagetitle">Note moyenne des clients:</span>
              <br>
              </div>
              <div class="width70 floatright">
              <div class="clear"></div>
              </div>
              </div>
              <div class="clear"></div>
              </div>
              <div class="vm-pagination">
              </div>
              </div>
              </div>


              Si dans firebug dans la ligne suivante :

              <div class="width30 floatleft center">


              je modifie le width et je le passe à 100 par exemple, c'est tout de suite mieux, j'obtiens la bonne taille de vignette de 160/160 au lieu d'une vignette qui fait 53/53px.

              Je pense qu'il s'agit de la taille du container de l'image. il semble réglé sur 30% ? Si je le passe sur 100%, on est bon.

              Merci de me confirmer qu'il s'agit bien de cela et si oui, merci de me dire quel est le chemin du fichier a aller modifier pour que cette modification soit durable et pas temporaire comme quand on modifie directement dans firebug et surtout que cette modification, s'applique à tout les futurs produits rentrés dans la boutique ?

              Et encore merci Lomart de te soucier de mon sort. J'avoue qu'en se moment je suis assez heureux que tu sois dans le coin.
              Dernière édition par algrand001 à 13/03/2013, 13h47

              Commentaire


              • #8
                Re : Affichage vignettes produit à la mauvaise taille ?

                il faut ajouter en fin de ton template une règle du style:
                .product .width30 {width: 100%}
                enfin les propriétés telles que modifiées dans firebug
                Il faudra également ajouter une média-querie correspondant au contexte mobile. recherche dans tes css @media
                Dernière édition par lomart à 13/03/2013, 14h16
                Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
                ---
                UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Re : Affichage vignettes produit à la mauvaise taille ?

                  J'ai ajouté cette règle dans mon template CSS et cela fonctionne nickel.
                  .product .width30 {width: 100%}
                  J'ai rajouté le même script dans les 2 fichiers css concernant les mobiles et portables, et cela à l'air de bien fonctionner pour le moment. Les vignettes ont l'air d'être redimensionnées de façon cohérente.

                  Reste à voir les tailles de polices de caractères qui me paraissent bonne en mode wide ou extra-wide mais qui grossissent quand je passe en mode tablette ou mobile.
                  Bizarre la logique voudrai que ce soit l'inverse ?
                  Je me mettrai sur cette partie là un peu plus tard.

                  Tu m'as a nouveau sauvé des eaux Lomart alors un nouveau grand merci et bravo à toi.

                  Commentaire

                  Annonce

                  Réduire
                  1 sur 2 < >

                  C'est [Réglé] et on n'en parle plus ?

                  A quoi ça sert ?
                  La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                  Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                  Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                  Comment ajouter la mention [Réglé] à votre discussion ?
                  1 - Aller sur votre discussion et éditer votre premier message :


                  2 - Cliquer sur la liste déroulante Préfixe.

                  3 - Choisir le préfixe [Réglé].


                  4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                  2 sur 2 < >

                  Assistance au forum - Outil de publication d'infos de votre site

                  Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                  Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                  Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                  UTILISER À VOS PROPRES RISQUES :
                  L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                  Problèmes connus :
                  FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                  Installation :

                  1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                  Archive zip : https://github.com/AFUJ/FPA/zipball/master

                  2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                  3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                  4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                  5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                  6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                  et remplacer www. votresite .com par votre nom de domaine


                  Exemples:
                  Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/
                  Pour executer le script: http://www..com/fpa-fr.php

                  Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/cms/
                  Pour executer le script: http://www..com/cms/fpa-fr.php

                  En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                  Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                  Voir plus
                  Voir moins
                  Travaille ...
                  X