# Product Categories Grid for WooCommerce #
**Contributors:** [bhargavbhandari90](https://profiles.wordpress.org/bhargavbhandari90/)  
**Donate link:** https://www.paypal.me/BnB90/20  
**Tags:** block, woocommerce, category, grid, blocks  
**Requires at least:** 6.6  
**Tested up to:** 6.8  
**Stable tag:** 1.0.0  
**Requires PHP:** 7.4  
**License:** GPLv2 or later  
**License URI:** https://www.gnu.org/licenses/gpl-2.0.html  

Interactive category grid with product popups.

## Description ##

A Gutenberg block that showcases your WooCommerce categories in a responsive grid layout. Click any category to instantly view its products in a sleek popup—no page reload needed!

## Key Features ##

- Responsive grid layouts (adjust columns)
- One-click popup previews of category products
- Works with any WooCommerce theme

## Block Settings ##

- **Categories to show:** Choose categories to display in block
- **Categories per row:** Choose how many categories to display per row (1-6)

## Installation ##

1. Upload the plugin files to the `/wp-content/plugins/woo-categories-grid-block` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress
3. Add/Edit post and search for "Categories Grid for WooCommerce" block

## Demo

https://github.com/user-attachments/assets/7737397e-f68c-4840-8b44-879214410035



## Prerequisites
- [Node/NPM](https://nodejs.org/en/download/)
- [NVM](https://github.com/nvm-sh/nvm)

## Development Setup
1. Go to plugin's root
2. Run `npm install`
5. To watch for changes, run `npm start`

## Development

To create a publish ready plugin, run:

	npm run build

To format code, run:

	npm run format


## Found a Bug? ##

If you find a bug, report here 
[https://github.com/BhargavBhandari90/product-categories-grid-block/issues](https://github.com/BhargavBhandari90/product-categories-grid-block/issues)

## Changelog ##

### 1.0.0 ###
* Initial Release.