Woo Category Masonry

Utilize Woo Category Masonry to categorize and organize the products on your e-commerce website. The results are stunning!

Content tab → Content

1. Hide Empty Category – enable to hide the empty product slots
2. Thumbnail Size – select a precise size for showcasing the products. Either in Full, Medium, or Woocommerce Single

Content tab → Content

1. Include Categories – select the categories you want to show or select all categories to show all the products added
2. Category Count – select a number of categories for every slide
3. Category Offset – pick a number for how many products you want to omit from the first
4. Sorted by – choose how you want the products to be sorted. Either go for Ascending or Descending
   
5. Order By – There are at least 7 ways to order the products, select the one you prefer

Content tab → Display 

1. Show Product Count – enable to show product count 
2. Category Name Stacked – enable to show category name stacked

Content tab → Content Background

• Background color – select background fill color or gradient for the content. 

Design tab → Image Settings

1. Image Rounded Corners – include rounded corners to the image for all products 
2. Image Border Styles – add borders to all or particular sides of the image
3. Image Border Width – adjust the width of the border you have added

Design tab → Image Settings 

1. Image Border Color – add a beautiful color of your choice to the borders
2. Image Border Style – select a style for your borders
3. Box-shadow – add a box-shadow to the images

Design tab → Image Settings

1. Image Hue – adjust image hue using the slider
2. Image Saturation – adjust the intensity of the image 
3. Image Brightness – configure the brightness of the image
4. Image Contrast – include contrast to the image
5. Image Invert – use this to shift to an inverted image

Design tab → Image Settings

1. Image Sepia – adjust to apply sepia color tone to the image
2. Image Opacity – adjust the opacity of the image
3. Image Blur – add blur to the image
4. Image Blend Mode – Select from the 16 types of image blend mode for a quick configuration 

Design tab → Grid

1. Grid Number – adjust the slider to measure the grid number
2. Grid Gap – adjust the gap between the elements 

Design tab → Category (Name | Count)

1. Font – Choose a font. All Google web fonts are available here. You can upload a custom font as well. 
2. Font Weight – select the weight of the font from Light to Ultra Bold
3. Font Style – select a font style from 
4. Text Alignment – align the text to left, right, or center
5. Text Color – pick a color for the text
6. Text Size – resize the text

Design tab → Category (Name | Count)

1. Letter Spacing – Adjust the spacing between the letters of the text
2. Line Height – adjust the space between multiple lines added to the design 
3. Text Shadow – add a shadow to the text
4. Content Wrapper Rounded Corners – include rounded corner by adjusting the four corners

Design tab → Category (Name | Count)

1. Box-shadow – add a box-shadow to the element
2. Content Wrapper Border Styles – add a border to any side you like or have borders on all four sides
3. Content Wrapper Border Width – adjust the width of the border

Design tab → Category (Name | Count)

1. Content Wrapper Border Color – select a color for the border
2. Content Wrapper Border Style – include a style to the border