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-image-box-1 nk-post-image">
                <img src="assets/images/product-5-1-sm.jpg" alt="Metal CH Data Line">
            </a>
            <h3 class="nk-post-title"><a href="store-product.html">Metal CH Data Line</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">$1,120.00</div>
        </div>
        
        <div class="nk-widget-post">
            <a href="store-product.html?i=1" class="nk-image-box-1 nk-post-image">
                <img src="assets/images/product-6-1-sm.jpg" alt="Welder Quartz Watch">
            </a>
            <h3 class="nk-post-title"><a href="store-product.html?i=1">Welder Quartz Watch</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">$1,300.00</div>
        </div>
        
        <div class="nk-widget-post">
            <a href="store-product.html?i=2" class="nk-image-box-1 nk-post-image">
                <img src="assets/images/product-7-1-sm.jpg" alt="Welder by U-Boat K32">
            </a>
            <h3 class="nk-post-title"><a href="store-product.html?i=2">Welder by U-Boat K32</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">$680.00</div>
        </div>
        
    </div>
</div>

 

Was this page helpful?