Making discount box

    1. http://test.dambo.me/item/ekran-reznoy-no17
      Configure computed field with machine_name:field_discount
      Computed Code (PHP) if ($entity->list_price > $entity->sell_price && $entity->list_price > '0.00'){
      $entity_field[0]['value']= ($entity->list_price - $entity->sell_price)* 100 /  $entity->list_price; 
      }
      else{
      $entity_field[0]['value']='';}
      Display Code (PHP) if ($entity_field_item['value']  > 0 ){
      $display_output = '-' .round($entity_field_item['value'], 0)." %"; 
      }
      else{
      $display_output = '';}
    2. JavaScript
      jQuery(document).ready(function($){ 

      $("#slideshow").append('<div class="discount_box  hidden-discount"><span class="fa-stack fa-lg"><i class="fa fa-tag fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse"></i></span></div>')

        $('.sell-out').clone().appendTo('.discount_box');
       
        $("#slideshow .sell-out ").parent().removeClass("hidden-discount");
       
      });

    3. CSS-styling
      .product-info.list-price > .uc-price {
      text-decoration: line-through;
      }
      .views-field-list-price .uc-price {
      text-decoration: line-through;
      }
      .visible-discount {
      display:block;
      }
      .hidden-discount {
      display:none;
      }
      .content > .field-name-field-discount {
      visibility: hidden;
      display: none;
      }
      .sell-out {
      /* margin-left: 5px; */
      font-size: 0.81rem;
      color: whitesmoke;
      position: relative;
      top: -1.8rem;
      left: 0.7em;

      }
      .group-header .field.field-name-field-discount.field-type-computed.field-label-hidden.sell-out {
      display: none;
      }
      #slideshow > .discount_box {
         z-index:100;
         position:relative;
         float:right;
          }
        .fa-stack-2x {
      font-size: 2.6em;

      }
      #slideshow + .sell-out {
          display:block;
      }
      .fa-stack{
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
      .fa-tag{
        color:#FF634F;
      }
      .fa-inverse{
        font-size:11px;
        font-weight:700;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
      }

    Tags: 
    discount tab, ubercart sell-out