[RESOLU] Mettre le prix dans le cadre du produit

[Hellfik]

Bonjour,

J'aimerai que le prix, ajouter au panier et voir le produit soient placés à droite dans le cadre du produit à coté de la description. Comment faire ?

http://www.otakii.fr/manufacturer.php?id_manufacturer=30

Merci

[mehdi2405]

bjr

tout est dans les tpl et les css

merci de me faire parvenir par message privée ton global css + le fichier tpl concerné

[Hellfik]

Bon et bien j'attends une réponse de quelqu'un d'autre qui pourrait m'aider ^^

[jeckyl]

Bonjour,

Ligne 1487 remplacer le sélecteur par :

ul#product_list li div.center_block {
float:left;
width:71%;
}

[Hellfik]

Merci, il est bien dans le bloc, mais il maintenant c'est le reste qui se mets n'importe comment ^^, je vous laisse regarder:

http://www.otakii.fr/manufacturer.php?id_manufacturer=30

[jeckyl]

Bonjour,

Vu les modifications apportées au template autant repartir de celui de base et de réappliquer les modifications.

[Hellfik]

Bah bien sûr, tout refaire depuis le début, j'ai que ça à faire lol. Je préfère avoir des réponses constructives que des conseils me freinant plus ^^.

[jeckyl]

Tu veux du constructif :

http://www.alsacreations.com/tutoriels/

et

https://addons.mozilla.org/fr/firefox/addon/1843/

[Hellfik]

J'utilise déjà firebug et je ne compte pas apprendre à faire un site entièrement, sinon je ne ferais pas du presta. J'ai créé un topic concernant une idée bien précise concernant PRESTASHOP et non pour remodeler tout un CSS, donc si tu ne peux pas me répondre, évite de me balancer des liens qui apprennent à faire du CSS, HTML etc... que je peux trouver seul comme un grand chez notre ami google ^^.

[jeckyl]

Alors je propose un truc super compliqué.

Reprendre le bout de code css du global.css de base correspondant à cette partie pour essayer de regarder si cela corrige le problème vu que l'affichage de base était bon.

/* product-list.tpl */
ul#product_list { margin-top: 2em; list-style-type: none }
ul#product_list li {
   background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x;
   border: solid 1px #d0d3d8;
   padding: 6px;
   min-height: 130px;
   height: auto;
   clear: both;
   margin-bottom: 0.3em
}
* html ul#product_list li {
   height: auto !important;
   height: 130px
}
ul#product_list li a {
   text-decoration: none;
   color: #374853
}
ul#product_list a.product_img_link {
   border: solid 1px #d0d3d8;
   float: left;
   margin-right: 0.6em
}
ul#product_list a.product_img_link img { vertical-align: bottom }
ul#product_list li h3 { margin: 0.4em 0 }
ul#product_list li .new {
   background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
   border: 1px solid #488C40;
   color: white;
   font-size: 0.6em;
   font-weight: bold;
   margin: 0 1em 0 0;
   padding: 0 0.4em;
   text-transform: uppercase;
   vertical-align: 0.3em
}
ul#product_list li p.product_desc { 
   margin-bottom: 0;
   font-size: 0.92em 
}
ul#product_list li div.center_block {
   float: left;
   width: 74%
}
ul#product_list li div.right_block {
   float: left;
   width: 11em;
   text-align: right;
   margin-left: 1em;
   margin-top: 0
}
ul#product_list li .discount {
   color: #da0f00;
   text-transform: uppercase;
   font-weight: bold;
   display: block
}
ul#product_list li .on_sale {
   color: #da0f00;
   text-transform: uppercase;
   font-weight: bold;
   display: block
}
ul#product_list li .reduction {
   display: block;
   margin-bottom: 0.3em
}
ul#product_list li .price {
   display: block;
   font-size: 1.5em;
   margin-bottom: 0.2em
}
ul#product_list li span.availability {
   color: #488c40;
   font-size: 0.9em
}
ul#product_list li a.button { margin-top: 0.5em }