producto-agotado.liquid

show.liquid.html

<!-- dentro de show.liquid -->
<div id="main-image">
  <!-- cloud-zoom -->
  <div id="wrap" style="top:0px;z-index:9999;position:relative;">
    <a href="{{ product.featured_image | image_size: 'original' }}" class="cloud-zoom" id="zoom1" rel="adjustX:19, adjustY:0, softFocus:false, position:'right', showTitle:false" style="position: relative; display: block; ">
      <img src="{{ product.featured_image | image_size: 'large' }}" alt="{{ product.featured_image.alt }}" align="left" title="{{ product.featured_image.alt | capitalize }}" style="display: block; " />
    </a>
    <div class="mousetrap" style="background-image:url(&quot;.&quot;);z-index:999;position:absolute;left:0px;top:0px;">
    </div>
  </div>
  <!-- end cloud-zoom -->
  {% unless product.has_stock? %}
    <span class="agotado">Producto agotado!</span>
  {% endunless %}
</div><!-- end #main-image -->