[SOLVED] Don't appear the old price and reduction percent

[pijucat]

Dear all;

 

I have a problem with Prestashop 1.5, because the old price and reduction percent are not visible in the web. But you can appreciate that this data is in the HTML code but not visible.

 

Any idea? Any help?

 

Thanks for the collaboration ! ; )

 

 

The link  --->http://shoes.cat/index.php?id_product=21&controller=product&id_lang=11

 

[PascalVG]

Hi Pijucat,

In the theme you use, there is on purpose this reduction and old price text removed:

in file:  /themes/leoshoe/css/product.css, line 264) you have the lines:

 

#buy_block p#old_price,#reduction_percent {

    display: none !important;

}

 

If you change this code to:

 

#buy_block p#old_price,#reduction_percent {

//    display: none !important;              <-- add the two slashed here to "comment out" the code

}

 

and add just below this code:

 

#buy_block p#old_price {

    text-decoration:line-through;

}

 

to give a strikethrough through the old price

 

 

You may need to play with some css a little to put the prices where you want them, but this should basically do the trick.

 

pascal.

[pijucat]

Dear Pascal;

 

First of all, thanks for you help !

 

I have done your instructions, but the results is that the  old price and reduction percent is still not visible.

Here is the midified CSS code;

 

 

Best regards;

Joan

 

.content_prices:after {
    border-top: 1px dotted #ccc;
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    width: 100%;
}
#buy_block p.price {padding:0}
.discount {display:none}
#buy_block p#old_price ,#reduction_percent{
    //display: none !important;
}
#buy_block p#old_price {
    text-decoration:line-through;

}
.our_price_display {
    padding-bottom:10px;
    font-weight:bold;
    font-size:24px;
    line-height:18px;
    color:#9b0000;
}
#reduction_percent,
#reduction_amount {
   display: block;
   float: right;
    margin-left:10px;
   padding: 0 0 0 10px;
   font-weight: bold;
   font-size: 12px;
   color: #fff;
    background: url(../img/bg_reduction.png) no-repeat 0 0 transparent
}
#reduction_percent span,
#reduction_amount span {
   display: block;
   padding: 1px 5px 1px 0;
   background: url(../img/bg_reduction.png) no-repeat 100% 0 transparent
}

/* online_only */
#buy_block p.online_only {
  display: none;
}

[pijucat]

Dear Pascal;

 

Sorry for the last message, the modification that you suggest, works properly!!

 

Thank you very much for your quick response,

 

Pijucat

[PascalVG]

Hi Pujicat,

Good to hear it works. I'll mark the topic as solved. :-)

 

Happy selling,

pascal