Protostar : ajouter une image dans la position 0

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Protostar : ajouter une image dans la position 0

    Bonjour,

    Dans la position 0 du template Protostar on peut mettre la ligne de texte "Panier vide" de Virtuemart. J'aimerais ajouter une petite image à la droite de la ligne (un petit logo de panier)
    J'ai bidouillé un : background-image:url(img/mini-panier-1.jpg); à la ligne 190 du template.css mais ça ne devait pas être ça !
    Quelqu'un a t'il une idée meilleure ? ;-)
    François
    Dernière édition par Frisco75 à 19/04/2015, 10h47

  • #2
    Re : Protostar : ajouter une image dans la position 1

    Salut
    Le résultat ne te convient pas ?
    Un lien vers ton site serait bien
    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

    Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

    Commentaire


    • #3
      Re : Protostar : ajouter une image dans la position 0

      Ca ne me convient pas car ça n'a rien affiché !
      Le site est en chantier total mais on voit bien la ligne de texte "panier vide" en haut à droite (position 0 de Protostar). Et je voudrais mettre la petite image à droite ou à gauche de cette ligne.
      Le site :
      La Petite Boutique, tous les produits pour votre bien être et votre équilibre. Paiement sécurisé et livraison rapide

      Commentaire


      • #4
        Re : Protostar : ajouter une image dans la position 0

        salut
        essaies un truc dans ce genre, tu peux mettre le code à la fin de template.css
        #vmCartModule {
        background: url(../images/mini-panier-1.jpg) right center no-repeat;
        height: 50px;
        line-height: 50px;
        text-indent: 10px;
        }
        et mettre l'image mini-panier-1.jpg dans le dossiers "images" du template
        CEd
        Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
        http://www.template-creator.com Outil de création de templates
        Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

        Commentaire


        • #5
          Re : Protostar : ajouter une image dans la position 0

          Merci Cédric mais ça ne marche pas. Pourtant, bien que je n'y connaisse pas grand chose en code (c'est pourquoi je demande de l'aide ici ;-) ) ça semble être ça !
          J'ai précisément inséré ça :
          #vmCartModule {
          background: url(templates/protostar/images/mini-panier-1.jpg) right center no-repeat;
          height: 50px;
          line-height: 50px;
          text-indent: 10px;
          }

          Commentaire


          • #6
            Re : Protostar : ajouter une image dans la position 0

            Salut
            Tu peux essayer de mettre ton image sur
            #vmCartModule > div.total_products
            et pour le moment tu lui mets juste
            background: url(../images/mini-panier-1.jpg)
            Ce qu'on veut c'est qu'elle s'affiche pour le moment, tu joura ensuite avec les no-repeat, ...
            Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

            Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

            Commentaire


            • #7
              Re : Protostar : ajouter une image dans la position 0

              voici le code que tu as mis
              url(templates/protostar/images/mini-panier-1.jpg)
              ça ne colle pas avec ce que j'ai écrit :
              url(../images/mini-panier-1.jpg) right center no-repeat;
              Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
              http://www.template-creator.com Outil de création de templates
              Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

              Commentaire


              • #8
                Re : Protostar : ajouter une image dans la position 0

                Exact Cédric et ton code était donc très bon, ça marche, merci !
                Par contre le panier est un peu éloigné sur la droite, y a t'il un moyen de faire qu'il soit plus proche de la ligne de texte "Panier vide" ?
                (cf image jointe).
                P.S : Merci à toi aussi Toffffe.
                Et j'espère que ce petit hack servira à bcp d'entre nous, pour signaler de façon plus claire cet espace de panier.
                Fichiers joints

                Commentaire


                • #9
                  Re : Protostar : ajouter une image dans la position 0

                  tu peux par exemple mettre "70px" au lieu de "right" dans la position du background
                  à toi de jouer !
                  Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                  http://www.template-creator.com Outil de création de templates
                  Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                  Commentaire


                  • #10
                    Re : Protostar : ajouter une image dans la position 0

                    tu as plusieurs choix : soit mettre du blanc sur le côté droit de ton image
                    Sinon tu peux aussi aligner ton image à gauche et faire un
                    #vmCartModule > div.total_products{padding-left: 38px;}
                    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

                    Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

                    Commentaire


                    • #11
                      Re : Protostar : ajouter une image dans la position 0

                      Ca marche, merci messieurs !
                      On peut mettre le module dans plein de positions du template. Si je souhaite que ce hack ne s'applique que sur la position 0 de Protostar, c'est possible de coder ça ?

                      Commentaire


                      • #12
                        Re : Protostar : ajouter une image dans la position 0

                        Si c'est réglé merci de l'indiquer :
                        Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                        Confucius

                        Commentaire


                        • #13
                          Re : Protostar : ajouter une image dans la position 0

                          Non pas encore, j'ai posé une autre question concernant le meme sujet dans le dernier post !

                          Commentaire


                          • #14
                            Re : Protostar : ajouter une image dans la position 0

                            On peut mettre le module dans plein de positions du template. Si je souhaite que ce hack ne s'applique que sur la position 0 de Protostar, c'est possible de coder ça ?
                            Si tu veux que la modification s'applique que si le module est dans une position précise, il faut affiner le chemin css c'est tout
                            Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

                            Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

                            Commentaire


                            • #15
                              Re : Protostar : ajouter une image dans la position 0

                              D'accord. Je sais juste lire le code et comprendre où ça se place et comment ça fonctionne mais je ne sais pas coder. Peux tu me dire comment faire pour affiner le chemin css ?

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X