<li {{ fn('post_class') }}>

    {{ fn('timber_set_product', post)}}

    <div class="Media">

        {% if showthumb %}
            <div class="Media-figure {% if not post.thumbnail %}placeholder{% endif %}">
                <a href="{{post.link}}">
                    {% if post.thumbnail %}
                        <img src="{{ post.thumbnail.src|resize(post_thumb_size[0], post_thumb_size[1]) }}" />
                    {% else %}
                        <span class="thumb-placeholder"><i class="icon-camera"></i></span>
                    {% endif %}
                </a>
            </div>
        {% endif %}

        <div class="Media-content">
            {% do action('woocommerce_before_shop_loop_item') %}
            {% do action('woocommerce_before_shop_loop_item_title') %}
            {% if post.title %}
                <h3 class="entry-title">{{ post.title }}</h3>
            {% else %}
                <h3 class="entry-title">{{ fn('the_title') }}</h3>
            {% endif %}
            
            {% do action( 'woocommerce_after_shop_loop_item_title' ) %}
            {% do action( 'woocommerce_after_shop_loop_item' ) %}
        </div>

    </div>

</li>
