Djangoroidの奮闘記

python,django,angularJS1~三十路過ぎたプログラマーの奮闘記

Django e-commerce part24 Single Variation Price

Variationがない場合のPriceの表示

  • variation_set.countがない場合、そのvariation_setのfirstのみ表示する。
  • ここでも同様に、sale_priceとpriceを表示する。
  • また、original priceは赤字にして、ラインを入れる。
  • og-price として、custom.cssに登録する。

product_detail.html

    {% if object.variation_set.count > 1 %}
    <h3 id='price'>{{ object.variation_set.first.price }}</h3>
    <select class='form-control variation_select'>
    {% for vari_obj in object.variation_set.all %}
    <!-- <option data-img="https://dlmarket-jp.s3.amazonaws.com/images/consignors/21/2170/umi_hawai_back.jpg" data-price="{{ vari_obj.price }}" value="{{ vari_obj.id }}">{{ vari_obj }}</option> -->
    <option data-sale-price="{{ vari_obj.sale_price}}" data-price="{{ vari_obj.price }}" value="{{ vari_obj.id }}">{{ vari_obj }}</option>
    {% endfor %}

    </select>

    {% else %}
    <h3 id='price'>
    {% if object.variation_set.first.sale_price %}
    {{ object.variation_set.first.sale_price }}
    <small class='og-price'>{{ object.variation_set.first.price }}</small>
    {% else %}
    {{ object.variation_set.first.price }}
    {% endif %}
    </h3>

cutom.css

.og-price {
    color:red;
    text-decoration:line-through;
}