Jump to content
CharOole

problème de taille pop up ajout panier

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 

Share this post


Link to post
Share on other sites

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 */

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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 :)

Share this post


Link to post
Share on other sites

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 ! 

Share this post


Link to post
Share on other sites
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 by Guest (see edit history)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More