Woo Grid Gallery Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Woo Grid Gallery Widget
![](https://ecaddons.com/wp-content/uploads/2024/01/woogridgallery-1024x444.png)
Now Drag and Drop Woo Grid Gallery widget
![](https://ecaddons.com/wp-content/uploads/2024/01/woogridgalleryep.png)
![](https://ecaddons.com/wp-content/uploads/2024/02/woogridgalleryrtl.png)
Woo Grid Gallery - RTL
In default We have Left to Right. Using this option, You can manage Grid in Right to Left.
Woo Grid Gallery - Layout
We have two type of Layout, First one is Grid is same Height. and in Masonry they adapt height of Loop and manage listing.
![](https://ecaddons.com/wp-content/uploads/2024/02/woogridgallerylayout.png)
![](https://ecaddons.com/wp-content/uploads/2024/02/woogridgallerypopup.png)
Woo Grid Gallery - Popup Image
In Popup Image, When you click on Image it enlarge Image.
Woo Grid Gallery - Column
Here, You can manage Column for Responsive and Manage It’s Gap option.
![](https://ecaddons.com/wp-content/uploads/2023/10/gclcolumns.png)
![](https://ecaddons.com/wp-content/uploads/2024/02/woogridgallerystyle.png)
Woo Grid Gallery - Style Tab
In Style Tab, We have Image and Loop options.
Woo Grid Gallery - Image Style
In Image Style, You can manage Padding.
Also, You can manage Border, Shadow, Transition and Transform CSS of Image for Normal and Hover State.
![](https://ecaddons.com/wp-content/uploads/2024/02/woogridgalleryimage.png)
![](https://ecaddons.com/wp-content/uploads/2024/02/woogridgalleryloop.png)
Woo Grid Gallery - Loop Style
In Loop Style, You can manage Padding.
Also, You can manage Background, Border, Shadow, Transition and Transform CSS for Normal and Hover State of Loop.