Aligner bouton ajouter au panier

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

  • [RÉGLÉ] Aligner bouton ajouter au panier

    Bonjour,

    Sur la page détail du produit, je souhaite aligner le bouton ajouter au panier avec le bouton + et - sur la meme ligne.

    Comment faire ?

    Merci d'avance.
    Fichiers joints
    Dernière édition par hujing à 29/08/2013, 14h02
    Novice à Joomla 2.5.14 - template beez5 - VM 2.0.22c avec ses composants, modules et plugings

  • #2
    Re : Aligner bouton ajouter au panier

    Bonjour,

    le mieux c'est de nous passer l'adresse de ton site pour que l'on puisse t'aider.

    Commentaire


    • #3
      Re : Aligner bouton ajouter au panier

      Envoyé par Folcomedia Voir le message
      Bonjour,

      le mieux c'est de nous passer l'adresse de ton site pour que l'on puisse t'aider.
      Bonjour,

      c'est mybbijou.fr
      Novice à Joomla 2.5.14 - template beez5 - VM 2.0.22c avec ses composants, modules et plugings

      Commentaire


      • #4
        Re : Aligner bouton ajouter au panier

        Envoyé par hujing Voir le message
        Bonjour,

        c'est mybbijou.fr
        Tu vas éditer css de ton template (/templates/beez5/css/general.css) et tu rajoutes le code suivant

        .product span.addtocart-button {
        margin: 0;
        }

        en faisant cela ça devrait marcher.

        Commentaire


        • #5
          Re : Aligner bouton ajouter au panier

          bonjour hujing ,
          Malgrés que la solution donnée fonctione, il est préférable de copier le fichier original de virtuemart
          MONSITE\components\com_virtuemart\assets\css\vmsit e-ltr.css
          dans votre template pour beez5 :
          MONSITE\templates\beez5\css\vmsite-ltr.css
          Ainsi que les images qui en dépendent.
          Surtout si vous avez l'intentin de faire plusieurs modifications.
          http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
          http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

          Commentaire


          • #6
            Re : Aligner bouton ajouter au panier

            Envoyé par Folcomedia Voir le message
            Tu vas éditer css de ton template (/templates/beez5/css/general.css) et tu rajoutes le code suivant

            .product span.addtocart-button {
            margin: 0;
            }

            en faisant cela ça devrait marcher.
            Merci bcp pour votre aide.

            à quel endroit dois-je mettre ce code ?
            Novice à Joomla 2.5.14 - template beez5 - VM 2.0.22c avec ses composants, modules et plugings

            Commentaire


            • #7
              Re : Aligner bouton ajouter au panier

              Envoyé par hujing Voir le message
              Merci bcp pour votre aide.

              à quel endroit dois-je mettre ce code ?
              au début ou à la fin du fichier

              Commentaire


              • #8
                Re : Aligner bouton ajouter au panier

                Envoyé par Folcomedia Voir le message
                au début ou à la fin du fichier
                Bonjour,

                J'ai ajouté votre code au début puis à la fin de ce fichier templates/beez5/css/general.css mais cela ne résolut pas mon problème de l'alignement du bouton ajouter au panier que je souhaite mettre sur la même ligne que + et -.

                Merci d'avance pour votre aide
                Novice à Joomla 2.5.14 - template beez5 - VM 2.0.22c avec ses composants, modules et plugings

                Commentaire


                • #9
                  Re : Aligner bouton ajouter au panier

                  Envoyé par hujing Voir le message
                  Bonjour,

                  J'ai ajouté votre code au début puis à la fin de ce fichier templates/beez5/css/general.css mais cela ne résolut pas mon problème de l'alignement du bouton ajouter au panier que je souhaite mettre sur la même ligne que + et -.

                  Merci d'avance pour votre aide
                  Oui pardon j'avais mal lu, supprimer le code que je vous ai fait ajouté et mettez lui à la place

                  .product.floatleft.width33.vertical-separator {
                  width: 100%;
                  }

                  Commentaire


                  • #10
                    Re : Aligner bouton ajouter au panier

                    Envoyé par Folcomedia Voir le message
                    Oui pardon j'avais mal lu, supprimer le code que je vous ai fait ajouté et mettez lui à la place
                    Excusez-moi peut etre c'est moi qui explique mal. Sur la page detail du produit j'aimerais aligner le bouton ajouter au panier sur la meme ligne que + et -.

                    Merci pour tout.
                    Novice à Joomla 2.5.14 - template beez5 - VM 2.0.22c avec ses composants, modules et plugings

                    Commentaire


                    • #11
                      Re : Aligner bouton ajouter au panier

                      Effacer ce que je vous ai fait mettre et mettez ceci

                      .product span.addtocart-button {
                      margin: 1px;
                      }

                      .product span.quantity-controls {
                      margin: 0 0 0 6px;
                      }

                      #contentarea2 .productdetails-view .addtocart-bar {
                      padding: 0;
                      }
                      Dernière édition par TristanB à 22/08/2013, 11h03

                      Commentaire


                      • #12
                        Re : Aligner bouton ajouter au panier

                        Envoyé par Folcomedia Voir le message
                        Effacer ce que je vous ai fait mettre et mettez ceci

                        .product span.addtocart-button {
                        margin: 1px;
                        }

                        .product span.quantity-controls {
                        margin: 0 0 0 6px;
                        }

                        #contentarea2 .productdetails-view .addtocart-bar {
                        padding: 0;
                        }
                        Bonjour,

                        Vous allez me dire que je suis collant ! je suis toujours avec mon problème sur ma page de produit détail et le bouton d'Ajout au panier qui ne veut toujours pas s'aligner au coté des boutons de + et - alors que j'ai ajouté les 3 lignes de codes ci-dessus dans le fichier /templates/beez5/css/general.css
                        Novice à Joomla 2.5.14 - template beez5 - VM 2.0.22c avec ses composants, modules et plugings

                        Commentaire


                        • #13
                          Re : Aligner bouton ajouter au panier

                          Envoyé par hujing Voir le message
                          Bonjour,

                          Vous allez me dire que je suis collant ! je suis toujours avec mon problème sur ma page de produit détail et le bouton d'Ajout au panier qui ne veut toujours pas s'aligner au coté des boutons de + et - alors que j'ai ajouté les 3 lignes de codes ci-dessus dans le fichier /templates/beez5/css/general.css
                          Pour moi c'est bon mais après ça dépend de la résolution de ton écran.

                          Commentaire


                          • #14
                            Re : Aligner bouton ajouter au panier

                            Pour info ce code se trouve :
                            /components/com_virtuemart/assets/css/vmsite-ltr.css
                            ligne 18


                            .productdetails-view .addtocart-bar {
                            margin: 15px 0 0;
                            padding: 0 0 0 38px;
                            /*rajoutez les lignes ci dessous*/
                            width: 210px !important;
                            display: inline-block !important;

                            }


                            Evidemment mettre ce code dans le CSS du Template

                            Quand vous ajoutez une propriété, si vous ne mettez pas "!important" ce n'est pas grave
                            moi personnellement je met quand même!
                            Mais si vous modifiez une propriété par rapport au fichier d'origine
                            il faut bien rajouter !important pour que cette propriété modifié prenne le dessus par rapport à celle d'origine

                            Bon voila !,
                            les essais à blanc de mon coté marche

                            Bon courage
                            Site réalisé :
                            http://www.imphyloisirs.fr

                            Commentaire

                            Annonce

                            Réduire
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X