Popular Products

HTML example:

<div class="nk-widget">
    <h4 class="nk-widget-title">Popular Products</h4>
    <div>
        
        <div class="nk-widget-post">
            <a href="store-product.html" class="nk-post-image">
                <img src="assets/images/product-1-sm.png" alt="Women Tshirt">
            </a>
            <h3 class="nk-post-title"><a href="store-product.html">Women Tshirt</a></h3>
            <div class="nk-product-rating" data-rating="4.5"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-half-o"></i></div>
            <div class="nk-product-price">$67.00</div>
        </div>
        
        <div class="nk-widget-post">
            <a href="store-product.html" class="nk-post-image">
                <img src="assets/images/product-2-sm.png" alt="Men Tshirt">
            </a>
            <h3 class="nk-post-title"><a href="store-product.html">Men Tshirt</a></h3>
            <div class="nk-product-rating" data-rating="2.5"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-half-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i></div>
            <div class="nk-product-price">$67.00</div>
        </div>
        
        <div class="nk-widget-post">
            <a href="store-product.html" class="nk-post-image">
                <img src="assets/images/product-3-sm.png" alt="Women Hoodie">
            </a>
            <h3 class="nk-post-title"><a href="store-product.html">Women Hoodie</a></h3>
            <div class="nk-product-rating" data-rating="5"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i></div>
            <div class="nk-product-price">$125.00</div>
        </div>
        
    </div>
</div>

 

Was this page helpful?