[RÉGLÉ] Aligner bouton ajouter au panier

[hujing]

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.

[TristanB]

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.

[hujing]

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.

Bonjour,

c'est mybbijou.fr

[TristanB]

Re : Aligner bouton ajouter au panier

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.

[electrocity]

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.

[hujing]

Re : Aligner bouton ajouter au panier

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 ?

[TristanB]

Re : Aligner bouton ajouter au panier

Merci bcp pour votre aide.

à quel endroit dois-je mettre ce code ?

au début ou à la fin du fichier

[hujing]

Re : Aligner bouton ajouter au panier

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

[TristanB]

Re : Aligner bouton ajouter au panier

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%;
}

[hujing]

Re : Aligner bouton ajouter au panier

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.

[TristanB]

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;
}

[hujing]

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;
}

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

[TristanB]

Re : Aligner bouton ajouter au panier

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.

[achasp2]

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