How to register Grid/List view in woocommerce theme

I made an ecommerce theme, there shop page designed in archive-product.php, I want to know how can I make dynamic Grid/List view without plugin for woocommerce product. Here is the HTML code of Grid/List in archive-product.php:

<div class="col col-sm-6 col-md-2">
                                <div class="filter-tabs">
                                    <ul id="filter-tabs" class="nav nav-tabs nav-tab-box nav-tab-fa-icon">
                                        <li class="active"> <a data-toggle="tab" href="#grid-container"><i class="icon fa fa-th-large"></i>Grid</a> </li>
                                        <li><a data-toggle="tab" href="#list-container"><i class="icon fa fa-th-list"></i>List</a></li>
                                    </ul>
                                </div>
                                <!-- /.filter-tabs -->
                            </div>

So what need to do in HTML code and in other functions?? If not possible without plugin,how to make dynamic by plugin?? If anyone know the way please help

• This topic was modified 3 years, 6 months ago by Rihan Habib.
• This topic was modified 3 years, 6 months ago by Rihan Habib.
• This topic was modified 3 years, 6 months ago by Rihan Habib.
• This topic was modified 3 years, 6 months ago by James Huff.