problème css

[phil3001]

Bonsoir,

 

j'ai un problème de css et n'etant pas fort du tout, j'ai besoin de conseil

 

le bouton de mon panier est appelé par la class : ajoutpanier

 

mon css à ce code là :

 

mon site :

http://www.eurodeal4u.fr/fr/chaussures-homme-/109-converse-port-royale.html

 

input.ajoutpanier {
background-color: transparent;
background-image:url("/img/ajoutpanier.png");
background-repeat:no-repeat;
height:4em;
width:184px;
margin-top: 10px;
border:none;
cursor:pointer;
position:relative;
}

 

mon gros soucis c'est qu'une fois cliqué dessus il devient bleu

 

comment faire pour que mon bouton reste le meme ?

 

merci d'avance

[virtualgadjo]

hello,

 

dans global.css il y a une tripotée de styles (dont certains en important) qui viennent contrarier les styles qu'on attribue aux boutons... bonne chasse

 

have swing

[phil3001]

hello,

 

dans global.css il y a une tripotée de styles (dont certains en important) qui viennent contrarier les styles qu'on attribue aux boutons... bonne chasse

 

have swing

bonjour,

 

oh la la ca ne m'aide pas beaucoup tout ca

 

ma classe est attribué à un seul css

[virtualgadjo]

oui mais fais une recherche sur disabled dans global css, tu verras, je pense que c'est eux qui prennent la main... ça cible les input en tous genres...

 

perso, en virant les importants et en changeant les couleurs je m'en suis sorti

 

have swing

[a-prods]

Premièrement installe firebug, tu trouvera ta réponse en trois sec.

 

Dans global.css (line 750) tu as la couleur bleu qui est appelée

input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {
   background: none repeat scroll 0 0 #076CB0;
   margin-top: 10px;
}

[virtualgadjo]

hello,

 

yes, ici et là il y a des styles contrariant, le fun de l'histoire malgré tout c'est que son input porte la classe ajoutpanier mais pas exclusive ! ceci dit, il y a des attaques par héritage ici et là donc, à voir

 

have swing

[phil3001]

bonsoir,

 

j'ai bien vu cette ligne css input.Exclusive mais je ne veux pas la modifier car ca modifierai d'autres boutons.

 

ce que je veux plutôt c'est modifier le product.tpl mais je ne sais pas ou.

 

encore une petite chose, cela arrive depuis que mon panier est en ajax. sans l'ajax mon bouton reste fixe

[virtualgadjo]

hello,

 

que ne le disais tu plus tôt et oui, ça explique le côté fun de l'histoire, comment se faisait-il que ton bouton se voyait attribué des caractéristique d'une class qu'il ne porte pas, ce n'est pas un problème de css mais de js

 

module->blockcart ajax-cart.js ligne 162

    // Update the cart information
   updateCartInformation : function (jsonData, addedFromProductPage)
   {
       ajaxCart.updateCart(jsonData);

       //reactive the button when adding has finished
       if (addedFromProductPage)
           $('body#product p#add_to_cart input').removeAttr('disabled').addClass('exclusive').removeClass('exclusive_disabled');
       else
           $('.ajax_add_to_cart_button').removeAttr('disabled');
   },

   // add a product in the cart via ajax
   add : function(idProduct, idCombination, addedFromProductPage, callerElement, quantity, whishlist){
       if (addedFromProductPage && !checkCustomizations())
       {
           alert(fieldRequired);
           return ;
       }
       emptyCustomizations();
       //disabled the button when adding to do not double add if user double click
       if (addedFromProductPage)
       {
           $('body#product p#add_to_cart input').attr('disabled', 'disabled').removeClass('exclusive').addClass('exclusive_disabled');

comme tu peux voir il y a deux fois addClass('exclusive') ou addClass('exclusive_disabled'), supprime-les et ton problème devrait être résolu

 

have swing

[phil3001]

bonsoir,

 

le fait de supprimer ces fichiers font en sorte que je n'ai plus d'ajax

par contre je les ai tous modifié en les remplaçants par mon bouton 'ajoutpanier"

 

ca fonctionne déjà mieux, mais une fois que le produit est dans le panier le bouton disparait.

 

//reactive the button when adding has finished
 if (addedFromProductPage)
  $('body#product p#add_to_cart input').removeAttr('disabled').addClass('ajoutpanier').removeClass('ajoutpanier');
 else
  $('.ajax_add_to_cart_button').removeAttr('disabled');
},
// add a product in the cart via ajax
add : function(idProduct, idCombination, addedFromProductPage, callerElement, quantity, whishlist){
 if (addedFromProductPage && !checkCustomizations())
 {
  alert(fieldRequired);
  return ;
 }
 emptyCustomizations();
 //disabled the button when adding to do not double add if user double click
 if (addedFromProductPage)
 {
  $('body#product p#add_to_cart input').attr('disabled', 'disabled').removeClass('ajoutpanier').addClass('ajoutpanier');
  $('.filled').removeClass('filled');
 }
 else
  $(callerElement).attr('disabled', 'disabled');
 if ($('#cart_block #cart_block_list').hasClass('collapsed'))
  this.expand();
 //send the ajax request to the server
 $.ajax({
  type: 'POST',
  url: baseDir + 'cart.php',
  async: true,
  cache: false,
  dataType : "json",
  data: 'add=1&ajax=true&qty=' + ((quantity && quantity != null) ? quantity : '1') + '&id_product=' + idProduct + '&token=' + static_token + ( (parseInt(idCombination) && idCombination != null) ? '&ipa=' + parseInt(idCombination): ''),
  success: function(jsonData,textStatus,jqXHR)
  {
   // add appliance to whishlist module
   if (whishlist && !jsonData.errors)
 WishlistAddProductCart(whishlist[0], idProduct, idCombination, whishlist[1]);
   // add the picture to the cart
   var $element = $(callerElement).parent().parent().find('a.product_image img,a.product_img_link img');
   if (!$element.length)
 $element = $('#bigpic');
   var $picture = $element.clone();
   var pictureOffsetOriginal = $element.offset();
   if ($picture.size())
 $picture.css({'position': 'absolute', 'top': pictureOffsetOriginal.top, 'left': pictureOffsetOriginal.left});
   var pictureOffset = $picture.offset();
   var cartBlockOffset = $('#cart_block').offset();
   // Check if the block cart is activated for the animation
   if (cartBlockOffset != undefined && $picture.size())
   {
 $picture.appendTo('body');
 $picture.css({ 'position': 'absolute', 'top': $picture.css('top'), 'left': $picture.css('left') })
 .animate({ 'width': $element.attr('width')*0.66, 'height': $element.attr('height')*0.66, 'opacity': 0.2, 'top': cartBlockOffset.top + 30, 'left': cartBlockOffset.left + 15 }, 1000)
 .fadeOut(100, function() {
  ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
 });
   }
   else
 ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
  },
  error: function(XMLHttpRequest, textStatus, errorThrown)
  {
   alert("TECHNICAL ERROR: unable to add the product.\n\nDetails:\nError thrown: " + XMLHttpRequest + "\n" + 'Text status: ' + textStatus);
   //reactive the button when adding has finished
   if (addedFromProductPage)
 $('body#product p#add_to_cart input').removeAttr('disabled').addClass('ajoutpanier').removeClass('ajoutpanier');
   else
 $(callerElement).removeAttr('disabled');
  }
 });
},

[virtualgadjo]

hello,

 

ouh la mais il n'a jamais été question de supprimer ces fichiers malheureux mais bien d'enlever juste le nom des class voire simplement de les changer.

En revanche, tu as fait

.addClass('ajoutpanier').removeClass('ajoutpanier'); 

sous diverses formes, un coup dans un sens, un coup dans l'autre. Si tu lui enleves la class ajoutpanier (removeClass) il perd les styles que tu lui as attribués, c'est peut-être pourquoi il disparaît

 

have swing

[phil3001]

Le TOP

 

Merci beaucoup

[virtualgadjo]

my pleasure

 

have swing