Shop tab

<div class="product-tablist">
    <ul class="tab-style">
		<li class="active" data-view="grid-view"><i class="fa fa-th"></i></li>
		<li  data-view="list-view"><i class="fa fa-th-list"></i></li>
    </ul>
</div>

//add archive product
<div class="product-bottom-area grid-view clearfix">

add js file
 /* Product Grid & List view */
    $('.tab-style > li').on('click', function(){
        var proView = $(this).data('view');
        $('.tab-style > li').removeClass('active');
        $(this).addClass('active');
        $('.product-bottom-area').removeClass('grid-view list-view').addClass(proView);
    });