Product Categories Grid for WooCommerce

Contributors: 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

demo-music.-.HD.1080p.mov

Prerequisites

• Node/NPM
• NVM

Development Setup

1. Go to plugin's root
2. Run npm install
3. 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

Changelog

1.0.0

• Initial Release.