Skip to main content

Bouton "Ajouter au panier" à repositionner

More
13 years 2 months ago #113251 by lbertrel
Bouton "Ajouter au panier" à repositionner was created by lbertrel
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

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113304 by Eliot
Replied by Eliot on topic Bouton "Ajouter au panier" à repositionner
Bonjur Laurent,

Essayez plutôt:
Code:
.hikashop_cart_input_button{ margin-left: -30px !important; }
The following user(s) said Thank You: lbertrel

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113318 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
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 ?

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113329 by Mohamed Thelji
Replied by Mohamed Thelji on topic Bouton "Ajouter au panier" à repositionner
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 :).
The following user(s) said Thank You: lbertrel

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113333 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
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 ?

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113346 by Mohamed Thelji
Replied by Mohamed Thelji on topic Bouton "Ajouter au panier" à repositionner
Oui beaucoup plus claire, il me faudrai cependant un lien vers la page en question pour savoir quel code sera le plus approprié.

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113367 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
Il s'agit de toutes les pages produits de cette boutique :
www.agoracademie.com/boutique/formations-cd-dvd

Une idée de solution ? :)

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113369 by Mohamed Thelji
Replied by Mohamed Thelji on topic Bouton "Ajouter au panier" à repositionner
La solution sera surement d'utiliser le code que Eliot vous a donné :
Code:
.hikashop_cart_input_button{ margin-left: -30px !important; }
et aussi d'utiliser celui-ci :
Code:
#hikashop_product_contact_main { margin-left: 30px; }

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113373 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
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 ?

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113377 by Mohamed Thelji
Replied by Mohamed Thelji on topic Bouton "Ajouter au panier" à repositionner
Oui, Il vous suffira de fixer une propriété : margin-left: 30px; Pour chaque autre bouton.

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113409 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
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 ?

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113501 by Eliot
Replied by Eliot on topic Bouton "Ajouter au panier" à repositionner
Bonjour,

Cela devrait marcher:
Code:
.hikashop_product_stock .hikashop_cart_input_button{ margin-left: -30px !important; }

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113513 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
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 ?

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113516 by Eliot
Replied by Eliot on topic Bouton "Ajouter au panier" à repositionner
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

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113542 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
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 ?

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113569 by Xavier
Replied by Xavier on topic Bouton "Ajouter au panier" à repositionner
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
The following user(s) said Thank You: lbertrel

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113597 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
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 ?

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113641 by nicolas
Replied by nicolas on topic Bouton "Ajouter au panier" à repositionner
De ce que je vois sur votre site, le code
.hikashop_product_stock .hikashop_cart_input_button {
margin-left: -30px !important;
}
fonctionne est replace comme il faut le bouton d'ajout au panier à l'intérieur du cadre.

Concernant le bouton "nous contacter", le problème vient en fait du code:
.hikashop_cart_input_button {
background-color: #f1f2db;
margin-top: 10px;
margin-bottom: 10px;
border-right: 1px solid #969b43;
border-bottom: 1px solid #969b43;
border-left: 1px solid #d1d675;
border-top: 1px solid #d1d675;
padding: 3px 5px;
color: #797d2c;
cursor: pointer;
font-weight: bold;
margin-left: -30px !important;
}

dans le fichier www.agoracademie.com/media/com_hikashop/...tyle_green.css?v=200 ou il faut supprimer la ligne margin-left: -30px !important;
The following user(s) said Thank You: lbertrel

Please Log in or Create an account to join the conversation.

More
13 years 2 months ago #113646 by lbertrel
Replied by lbertrel on topic Bouton "Ajouter au panier" à repositionner
C'est tout bon et cela marche parfaitement !!!!
Merci à vous tous. Super service comme toujours :-)
Très bon week-end à vous !

Please Log in or Create an account to join the conversation.

Time to create page: 0.400 seconds
Powered by Kunena Forum