liquid/fluid-bench/product.liquid

<div id="product-left">
  {% for image in product.images %}{% if forloop.first %}<div id="product-image">
    <a href="{{ image | product_img_url: 'large' }}" rel="lightbox[images]" title="{{ product.title | escape }}"><img src="{{ image | product_img_url: 'medium' }}" alt="{{ product.title | escape }}" /></a>
  </div>{% else %}
  <div class="product-images">
    <a href="{{ image | product_img_url: 'large' }}" rel="lightbox[images]" title="{{ product.title | escape }}"><img src="{{ image | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
  </div>{% endif %}{% endfor %}
</div>
<div id="product-right">
  <h1>{{ product.title }}</h1>
  {{ product.description }}

  {% if product.available %}
  <form action="/cart/add" method="post">

    <div id="product-variants">
      <div id="price-field"></div>

      <select id="product-select" name='id'>
        {% for variant in product.variants %}
          <option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
        {% endfor %}
      </select>
    </div>

    <input type="image" src="{{ 'purchase.png' | asset_url }}" name="add" value="Purchase" id="purchase" />
  </form>
  {% else %}
    <p class="bold-red">This product is temporarily unavailable</p>
  {% endif %}

  <div id="product-details">
    <strong>Continue Shopping</strong><br />
    Browse more {{ product.type | link_to_type }} or additional {{ product.vendor | link_to_vendor }} products.
  </div>
</div>