===  Grid & List Toggle for Woocommerce  ===

Contributors: phoeniixx
Tags: grid, woocommerce grid, list, woocommerce list, woocommerce, product, products, grid view , list view , masonry , woocommerce grid view , woocommerce list view , woocommerce, WC grid , WC list , tab icon , tab icon size , tab icon color , background color , bg color , hover bg color , hover background color , enable tab icon , disable tab icon.
Requires at least: 4.0
Tested up to: 5.3
Stable tag: 1.4.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This Plugin lets you display Grid/List view on product pages, so that your customers are facilitated in selecting the view of the product page.

== Description ==

[FREE VERSION DEMO LINK](http://gridlisttogglefree.phoeniixxdemo.com/shop/) | [FREE VERSION DOCUMENTATION LINK](http://gridlisttogglefree.phoeniixxdemo.com/wp-content/uploads/2018/04/grid-list2.pdf)

= Overview =
Grid & List Toggle for Woocommerce allows the users to decide whether they’d like to view products in the form of Grid or in the form of List. The plugin adds a button to your product archives, allowing users to toggle between the two types of views. The list view is much detailed as it arranges the products in vertical manner and gives out specific details. 
It is for the Admin to decide whether the default view is to be kept as Grid or as List. 


= Free Features: =

* Option to enable or disable Grid/List Toggle plugin.
* By default view of the products will be in the List view.

[FREE VERSION DEMO LINK](http://gridlisttogglefree.phoeniixxdemo.com/shop/) | [FREE VERSION DOCUMENTATION LINK](http://gridlisttogglefree.phoeniixxdemo.com/wp-content/uploads/2018/04/grid-list2.pdf)

<strong> Take a look at how to set up Grid/List view in Woocommerce </strong>
[youtube https://youtu.be/GoYtjMAORc4]

= Premium Features: =

[PREMIUM VERSION LIVE DEMO](http://gridlistmas.phoeniixxdemo.com/shop/) | [PREMIUM VERSION LINK](https://www.phoeniixx.com/product/grid-list-toggle-woocommerce/) | [DOCUMENTATION LINK](https://www.phoeniixx.com/wp-content/uploads/2017/02/Gridlist-toggle-2.pdf)

<h4>Global Settings</h4>
<ul>
<li> Option to enable or disable Grid/List Toggle plugin. </li>
<li> Option to choose the default style.</li>
<li> Option to set the style alignment in the Centre, Left, or in Right.</li>
<li> Option to set the Tab active color.</li>
<li> Option to set the Tab padding.</li>
</ul>

<h4>Style 1</h4>
<ul>
<li> Option to enable or disable the Tab.</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>

<h4>Style 2</h4>
<ul>
<li> Option to enable or disable the Tab.</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>

<h4>Style 3</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>

<h4>Style 4</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>

<h4>Style 5</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>

<h4>Style 6</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>

<h4>Style 7</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>

<h4>Style 8</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
</ul>

<h4>Style 9</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>

<h4>Style 10</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>

<h4>Style 11</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the background color.</li>
<li> Option to set the hover background color.</li>
</ul>

[PREMIUM VERSION LIVE DEMO](http://gridlistmas.phoeniixxdemo.com/shop/) | [PREMIUM VERSION LINK](https://www.phoeniixx.com/product/grid-list-toggle-woocommerce/) | [DOCUMENTATION LINK](https://www.phoeniixx.com/wp-content/uploads/2017/02/Gridlist-toggle-2.pdf)

= Premium WordPress Themes =
Here is our premium wordpress theme

* <a href="https://www.phoeniixx.com/product/foody/">Foody Themes</a>
* <a href="https://www.phoeniixx.com/product/jstore-theme/">Jstore Themes</a>
* <a href="https://www.phoeniixx.com/product/eezy-store/">Eezy Themes</a>
* <a href="https://www.phoeniixx.com/product/craze/">Craze Themes</a>

<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin support the Multisite Network.
</ul>
<p></p>
</blockquote>

== Installation ==

1. Install [WordPress](https://wordpress.org/)
2. Go to your WordPress admin panel, and then to Plugins. Click on "Add New" and then upload the zip file of the plugin using the "Upload Plugin" button you can find on top of the screen.
3. For the plugin to work as it should, WooCommerce plugin has to be installed and enabled.


== Screenshots ==

1. Admin view: Admin can choose Grid View from the backend.
2. Admin view: Admin can choose List View from the backend.
3. Frontend view: User can choose grid view from the frontend.
4. Frontend view: User can choose grid view from the frontend.

== Changelog ==

= 1.4.2 - 24/01/2020 =
* compatible with latest version of woocommerce

= 1.4.1 - 19/11/2019 =
* compatible with latest version of wordpress

= 1.4.0 - 07/11/2019 =
* compatible with latest version of woocommerce

= 1.3.9 - 21/08/2019 =
* compatible with latest version of woocommerce

= 1.3.8 - 15/05/2019 =
* compatible with latest version of woocommerce and wordpress

= 1.3.7 - 28/02/2019 =
* compatible with latest version of woocommerce and wordpress

= 1.3.6 - 27/12/2018 =
* added live demo url and premium feature images

= 1.3.5 - 13/12/2018 =
* compatible with latest version of woocommerce and wordpress

= 1.3.4 - 06/11/2018 =
* compatible with latest version of woocommerce

= 1.3.3 - 07/08/2018 =
* compatible with latest version of woocommerce

= 1.3.2 - 20/06/2018 =
* Fixed errors

= 1.3.1 - 13/04/2018 =
* compatible with the latest version of woocommerce

= 1.3.0 - 27/10/2017 =
* compatible with the latest version of woocommerce

= 1.2.9 - 12/10/2017 =
* Live demo link button added

= 1.2.8 - 26/09/2017 = 
* Added video

= 1.2.7 - 20/06/2017 =
* Fixed Errors

= 1.2.6 - 11/04/2017 =
* Fixed Errors

= 1.2.5 - 20/03/2017 =
* Fixed Css.

= 1.2.4 - 09/01/2017 =
* Add new Feature.

= 1.2.3 - 23/06/2016 =
* Fixed CSS.

= 1.2.1 - 13/04/2016 =
* Fixed CSS.

= 1.2 - 14/03/2016 =
* Fixed CSS.

= 1.1 - 10/03/2016 =
* Fixed CSS and Grid/List Icon Placement.

= 1.0 - 23/02/2016 =
* Initial release.
