Bouton "Ajouter au panier" à repositionner

Bonjour Xavier,

J’ai essayé de changer la position du bouton « Ajouter au panier » (il sort du cadre vers la droite depuis que j'ai changé de template) et j’ai utilisé ceci dans le CSS comme vous me l’avez conseillé :
btn button hikashop_cart_input_button{ margin-left: -yyypx !important;}

Cela marche bien (avec -30px il est à la bonne place) mais le problème est que tous les autres boutons sont aussi décalés (vers la gauche) : btn button hikashop_cart_input_button du checkout et même le bouton « Nous contacter pour plus d’information ».

Du coup, comment changer juste la position du bouton « Ajouter au panier » ?

Merci.

Laurent

Bonjur Laurent,

Essayez plutôt:

.hikashop_cart_input_button{
margin-left: -30px !important;
}

Bonjour Eliot,

Oui, c'est ce que j'ai testé et comme je le précise cela marche bien (avec -30px il est à la bonne place). Le problème est que les autres boutons sont aussi décalés vers la gauche et le résultat est alors contre productif...

Une autre idée peut-être ?

Bonjour,

La meilleure solution serai probablement de nous donner un lien vers la page en question, et de nous montrer à partir de captures d'écrans ce que vous voulez obtenir exactement comme résultat.

Merci .

Bonjour Mohamed,

Effectivement, une copie d'écran est une bonne idée.
Comme vous pouvez le voir, le bouton "Ajouter au panier" est à droite.
En utilisant le code indiqué par Xavier (dans un email avant d'ouvrir ce post sur ce forum à sa demande) et Eliot, le bouton se décale bien vers la gauche.
Le problème est que les autres boutons comme par exemple "Nous contacter pour plus d'info" vont égalemnet vers la gauche (et du coup, la mise en page n'est pas optimale : je décale en fait le problème sur les autres boutons).

Est-ce plus clair ?

Oui beaucoup plus claire, il me faudrai cependant un lien vers la page en question pour savoir quel code sera le plus approprié.

Il s'agit de toutes les pages produits de cette boutique :
www.agoracademie.com/boutique/formations-cd-dvd

Une idée de solution ?

La solution sera surement d'utiliser le code que Eliot vous a donné :

.hikashop_cart_input_button{
margin-left: -30px !important;
}

#hikashop_product_contact_main {
margin-left: 30px;
}

Merci cela fonctionne pour le bouton "Nous contacter..."
Mais le problème reste le même pour les autres boutons du checkout...
Dois-je ajouter un autre code ?

Oui, Il vous suffira de fixer une propriété : margin-left: 30px; Pour chaque autre bouton.

Je teste (dans style_green.css et même dans le css du nouveau template) et n'arrive pas à trouver les boutons "Connexion" et "Enregistrer" (même avec FireBug) alors que j'ai trouvé facilement le bouton "Coupon".
J'ai loupé quelque chose mais quoi ? Pouvez-vous m'éclairer SVP ?

Bonjour,

Cela devrait marcher:

.hikashop_product_stock .hikashop_cart_input_button{
margin-left: -30px !important;
}

Bonjour Eliot,

Je viens de placer ce code dans **style : green** sous
#hikashop_product_contact_main {
margin-left: 30px;
}
mais cela ne fonctionne pas (rien de change).
Ai-je placé ce code au bon endroit ?

Essayez avec uniquement mon code et tout à la fin de votre fichier css.
Vous pouvez aussi essayer de le mettre dans le fichier css du frontend dans système>configuration>affichage>css

Si je n'ajoute que votre code (dans style_green.css + frontend_custom2.css), cela ne change rien et en supprimant le code suivant
#hikashop_product_contact_main {
margin-left: 30px;
}
le bouton "Nous contacter..." se décale à nouveau vers la gauche.
Une autre idée SVP ?

Le code fourni par Eliot doit fonctionner, essayez de le placer via ftp dans le fichier:
www.agoracademie.com/media/com_hikashop/css/style_green.css

J'ai téléchargé le fichier via ftp, le code est à la bonne place mais j'ai suivi vos instructions. Je l'ai donc supprimé puis j'ai copy/past via ftp (test avant */ et après). Mais cela ne change rien.
D'où vient le conflit ?

C'est tout bon et cela marche parfaitement !!!!
Merci à vous tous. Super service comme toujours
Très bon week-end à vous !