problème de taille pop up ajout panier

[CharOole]

Bonjour,

 

 

Je rencontre un problème de taille de la div.clearflix qui contient les infos d'ajout au panier.

 

Vous pouvez voir l'affichage ici : http://www.zupimages.net/viewer.php?id=17/10/eg2i.png

 

Je voudrais tout simplement l'agrandir et la centrer sur la page mais il m'est impossible de trouver où changer la taille. 

 

je vous donne l'adresse de mon site si vous voulez faire le test : 

 

www.kawaiimaakmaak.com

 

Au pire des cas je peux toujours désactiver ce module, mais je préfère le garder par mesure de préférence.

 

Voilà, si quelqu'un a une solution ? je vous en remercie d'avance.

[Tadaa !]

Bonjour.

Vous avez fait des modifs sur les fichiers css du panier. Comparez ce fichier avec celui d'origine pour repérer les modifs et identifier celle qui fait tout péter

[CharOole]

Oui, c'est la premiere chose que j'ai faite d'ailleurs. 

 

Si je pose la question ici, c'est que j'ai passe pas mal de temps a essayer de trouver la solution. Puis j'ai demande de l'aide aussi à mon responsable, lui aussi n'arrive pas a voir où se trouve le problème. 

 

Je suis sure que c'est pas grand chose.

 

Je vais continuer mes recherches. Merci 

[PixGeek]

Vas dans themes/tontheme\css\modules\blockcart\blockcart.css 

 

et compare avec celui-ci :

/*****************************************************************************
					Layer Cart Css
*****************************************************************************/
.layer_cart_overlay {
  background-color: #000;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 98;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

* html .layer_cart_overlay {
  position: absolute;
  left: 0;
  ;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

#layer_cart {
  background-color: #fff;
  position: absolute;
  display: none;
  z-index: 99;
  width: 84%;
  margin-right: 8%;
  margin-left: 8%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  #layer_cart .layer_cart_product {
    padding: 30px 30px 30px 30px;
    overflow: hidden;
    position: static; }
    #layer_cart .layer_cart_product .title {
      display: block;
      font: 400 23px/29px Arial, Helvetica, sans-serif;
      color: #46a74e;
      margin-bottom: 22px; }
      @media (max-width: 767px) {
        #layer_cart .layer_cart_product .title {
          font-size: 18px;
          padding-right: 0;
          line-height: normal; } }
      #layer_cart .layer_cart_product .title i {
        font-size: 30px;
        line-height: 30px;
        float: left;
        padding-right: 8px; }
        @media (max-width: 767px) {
          #layer_cart .layer_cart_product .title i {
            font-size: 22px;
            line-height: 22px; } }
    #layer_cart .layer_cart_product .product-image-container {
      max-width: 178px;
      border: 1px solid #d6d4d4;
      padding: 5px;
      float: left;
      margin-right: 30px; }
      @media (max-width: 480px) {
        #layer_cart .layer_cart_product .product-image-container {
          float: none;
          margin-right: 0;
          margin-bottom: 10px; } }
    #layer_cart .layer_cart_product .layer_cart_product_info {
      padding: 38px 0 0 0; }
      #layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title {
        display: block;
        padding-bottom: 8px; }
      #layer_cart .layer_cart_product .layer_cart_product_info > div {
        padding-bottom: 7px; }
        #layer_cart .layer_cart_product .layer_cart_product_info > div strong {
          padding-right: 3px; }
  #layer_cart .layer_cart_cart {
    background: #fafafa;
    border-left: 1px solid #d6d4d4;
    padding: 21px 30px 170px 30px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 4px 4px 0px;
    position: relative; }
    @media (min-width: 1200px) {
      #layer_cart .layer_cart_cart {
        min-height: 318px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #layer_cart .layer_cart_cart {
        min-height: 360px; } }
    @media (max-width: 991px) {
      #layer_cart .layer_cart_cart {
        -moz-border-radius: 0px 0 4px 4px;
        -webkit-border-radius: 0px;
        border-radius: 0px 0 4px 4px;
        border-left: none;
        border-top: 1px solid #d6d4d4; } }
    #layer_cart .layer_cart_cart .title {
      display: block;
      font: 400 23px/29px Arial, Helvetica, sans-serif;
      color: #333;
      border-bottom: 1px solid #d6d4d4;
      padding-bottom: 13px;
      margin-bottom: 17px; }
      @media (max-width: 767px) {
        #layer_cart .layer_cart_cart .title {
          font-size: 18px; } }
    #layer_cart .layer_cart_cart .layer_cart_row {
      padding: 0 0 7px 0; }
    #layer_cart .layer_cart_cart .button-container {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0px 30px 20px 30px; }
      #layer_cart .layer_cart_cart .button-container .btn {
        margin-bottom: 10px; }
      #layer_cart .layer_cart_cart .button-container span.exclusive-medium {
        margin-right: 5px; }
        #layer_cart .layer_cart_cart .button-container span.exclusive-medium i {
          padding-right: 5px;
          color: #777777; }
  #layer_cart .cross {
    position: absolute;
    right: 7px;
    top: 8px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: #333;
    z-index: 2; }
    #layer_cart .cross:before {
      content: "\f057";
      display: block;
      font-family: "FontAwesome";
      font-size: 25px;
      line-height: 25px; }
    #layer_cart .cross:hover {
      color: #515151; }
  #layer_cart .continue {
    cursor: pointer; }
  #layer_cart p {
    padding: 0px; }

/************************************************************************
						Layer Cart Caroucel
*************************************************************************/
#layer_cart .crossseling .crossseling-content {
  border-top: 1px solid #d6d4d4;
  padding: 26px 30px 40px 30px;
  position: relative; }
#layer_cart .crossseling h2 {
  font: 400 23px/26px Arial, Helvetica, sans-serif;
  color: #333;
  margin-bottom: 25px; }
#layer_cart .crossseling #blockcart_list {
  max-width: 773px;
  width: 84%;
  margin: 0 auto;
  overflow: hidden; }
  #layer_cart .crossseling #blockcart_list ul {
    display: block; }
    #layer_cart .crossseling #blockcart_list ul li {
      float: left;
      width: 178px;
      margin: 0 0px 0 0; }
      #layer_cart .crossseling #blockcart_list ul li .product-image-container {
        border: 1px solid #d6d4d4;
        text-align: center;
        padding: 5px;
        margin-bottom: 15px; }
        #layer_cart .crossseling #blockcart_list ul li .product-image-container img {
          width: 100%; }
      #layer_cart .crossseling #blockcart_list ul li .product-name {
        padding-bottom: 5px; }
        #layer_cart .crossseling #blockcart_list ul li .product-name a {
          font-size: 15px;
          line-height: 20px; }
  #layer_cart .crossseling #blockcart_list a.bx-prev,
  #layer_cart .crossseling #blockcart_list a.bx-next {
    display: block;
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    color: #333;
    text-indent: -5000px;
    position: absolute;
    top: 45%;
    margin-top: -20px; }
    #layer_cart .crossseling #blockcart_list a.bx-prev:after,
    #layer_cart .crossseling #blockcart_list a.bx-next:after {
      display: block;
      text-indent: 0; }
    #layer_cart .crossseling #blockcart_list a.bx-prev:hover,
    #layer_cart .crossseling #blockcart_list a.bx-next:hover {
      color: #c0c0c0; }
    #layer_cart .crossseling #blockcart_list a.bx-prev.disabled,
    #layer_cart .crossseling #blockcart_list a.bx-next.disabled {
      display: none; }
  #layer_cart .crossseling #blockcart_list a.bx-prev {
    left: 5%; }
    #layer_cart .crossseling #blockcart_list a.bx-prev:after {
      content: "\f137"; }
  #layer_cart .crossseling #blockcart_list a.bx-next {
    right: 5%; }
    #layer_cart .crossseling #blockcart_list a.bx-next:after {
      content: "\f138"; }
  #layer_cart .crossseling #blockcart_list .bx-controls {
    overflow: hidden; }

/*# sourceMappingURL=blockcart.css.map */

[Tadaa !]

D'avoir déplacé le bloc Cart dans le bandeau lui applique par défaut col-sm-4 clearfix

Il est donc affiché sur 1/3 de l'écran, en largeur

[CharOole]

je suis desolee je repond un peu tard, oui donc j'ai comparé les deux et tout semble correct. 

 

Tadaa, je ne vois pas comment je peux modifier ça, je comprends ce que tu veux dire, mais je ne vois pas comment faire. 

 

Merci

[Tadaa !]

Tu utilises le thème de base "default-bootstrap". Des modifications y ont été apportées : le panier n'est pas à cette position.

Il faut revenir en arrière sur les modifs. Si tu n'es pas à l'origine des modifs, trouve qui les a faites pour t'aider à remettre en place.

 

Crée-toi une version de développement avec le thème de base pour vérifier que la piste est la bonne. Et c'est de toute façon une sage précaution.

Ou plus simple, installe une copie du thème de base, active-le et vérifie que ce sont bien les modifs sur le bloc panier qui créent le problème.

[Guest]

Sawadee Krup !

 

Pour ton souci, tu peux tester cette petit manipulation rapidement

 

dans la ligne 5749 de ton fichier global.css modifie la déclaration suivante :

header .nav .row {
    margin-left: 20px;
    /* float: right; */
}

tu vois que le float:right est commenté.. si ça solutionne ton problème et n'en rajoute pas d'autres (pour le menu par exemple) alors le tour est joué et tu peux effacer la ligne carrément.

 

C'est naa raak maak maak tout ça

[CharOole]

En effet, c'est bien le float: right qui posait problème. 

 

Je l'avais rajouter pour que le panier soit à droite et non à gauche, mais visiblement c'etait pas la bonne soluce. 

 

Oui, a la base je travaillais sur une version en dev, qui a disparu... j'ai pas compris comment.... la magie d'internet sans doute.

 

En tout cas, merci beaucoup de m'avoir bien aidé. 

 

Tweb tu parles comme un vrai Thailandais ! 

[Guest]

Ravis d'avoir pu t'aider à résoudre ce petit souci.

 

Pourrais-tu mettre le tag : "Best Answer" sur la réponse qui t'as aidé ?

 

"Kwap khun krup"  depuis  Sankampheng - Muang Chiang Mai

Edited March 18, 2017 by Guest (see edit history)