webshop/app/templates/partials/checkout-item.html

<div id="{{ item.product_id }}" class="cart-table-row mw-680px mla mra x xdc pt1-7 pr0-85 pl0-85 sm-pl0 sm-pr0">
  <div class="x xdr pb7">
    <figure class="w50">
      <img src="{{ url_for('static', path='/images/cache/' + item.image.url) | to_srcset('checkout', item.image.width, item.path, size=2, size_attr=False) }}"
	   srcset="{{ url_for('static', path='/images/cache/' + item.image.url) | to_srcset('checkout', item.image.width, item.path) }}"
	   sizes="(max-width: 540px) 120px, 220px"	   
	   alt="{{ item.image.url }}"
	   width="{{ item.image.width }}"
	   height="{{ item.image.height }}"
	   class="checkout-image bd-yet-gray">
    </figure>
    <div class="w50">
      <h3 class="ff-sans fs-larger md-fs-wide pb2">
	{{ item.title }}
	{% if item.options.size and item.options.style %}
	— {{ item.options.style | capitalize }} / Size {{ item.options.size | upper }}
    {% elif item.options.size %}
    — {{ item.options.size | upper }}
    {% elif item.options.style %}
    — Size {{ item.options.style | capitalize }}
    {% endif %}
      </h3>
      {% set operation = 'delete' %}
      {% include "partials/checkout-item-form.html" %}
      {% set operation = False %}
      {% if not item.availability %}
      <div class="pt1-7">This product is soldout.</div>
      {% endif %}
    </div>
  </div>
  {% if item.availability %}
  <div class="x xdr xjsb pb1-7 bdb-dark-green">
    <div>
      <h4 class="ff-sans ttu pb1 sm-fs-big">Price</h4>
      <div class="fs-bigger sm-fs-huge">{{ item.price }} {{ cart.meta.currency }}</div>
    </div>
    <div class="tac">
      <h4 class="ff-sans ttu pb1 sm-fs-big">Quantity</h4>
      <div class="x xdr xaic xjcc">
	{% set operation = 'remove' %}
	{% include "partials/checkout-item-form.html" %}
	{% set operation = 'manual' %}
	{% include "partials/checkout-item-form.html" %}
	{% set operation = 'add' %}
	{% include "partials/checkout-item-form.html" %}
	{% set operation = False %}
      </div>
    </div>
    <div class="item-total tar">
      <h4 class="ff-sans ttu pb1 sm-fs-big">Total</h4>
      <div class="fs-bigger sm-fs-huge"><span class="item-total--text">{{ item.total }}</span> {{ cart.meta.currency }}</div>
      <input type="hidden" id="price" name="price" value="{{ item.total }}">
    </div>
  </div>
  {% endif %}
</div>