Woocomrec DEFAULT CODING STRUCTURE

shop.html

<!-- loop page -->
<div id="content" role="main">
    <nav class="woocommerce-breadcrumb" >
        <a class="home" href="http://localhost/woocommerce">Home</a> &#47; Shop
    </nav>

    <h1 class="page-title">Shop</h1>
    <p class="woocommerce-result-count">
    Showing all 4 results</p>
    <form class="woocommerce-ordering" method="get">
        <select name="orderby" class="orderby">
            <option value="menu_order"  selected='selected'>Default sorting</option>
            <option value="popularity" >Sort by popularity</option>
        </select>
        <input type="hidden" name="post_type" value="product" />
    </form>
    <ul class="products">
        <li class="">

            <a href="">
                <img width="150" height="150" src="images-2-150x150.jpg" class="attachment-shop_catalog wp-post-image" alt="Windows Tab" />
                <h3>Android Mobile</h3>
            </a>
            <a href="" rel="nofollow" data-product_id="52" data-product_sku="" data-quantity="1" class="button  product_type_simple">Read More</a>
        </li>

        <li class="">
            <a href="">
                <img width="150" height="150" src="" alt="feature-image" />
                <h3>Digital Camera</h3>
                <div class="star-rating" title="Rated 4.00 out of 5">
                    <span style="width:80%">
                        <strong class="rating">4.00</strong> out of 5
                    </span>
                </div>
                <span class="price">
                    <span class="amount">&#36;40.00</span>
                </span>
            </a>
            <a href="/woocommerce/?post_type=product&#038;add-to-cart=35" rel="nofollow" data-product_id="35" data-product_sku="" data-quantity="1" class="button add_to_cart_button product_type_simple">Add to basket</a>
        </li>
    </ul>
</div>