Title: CatCraft for WooCommerce Author: jenishdholakiya35 Published: June 26, 2026 Last modified: June 26, 2026 --- Search plugins ![](https://ps.w.org/catcraft-for-woocommerce/assets/banner-772x250.png?rev=3587147) ![](https://ps.w.org/catcraft-for-woocommerce/assets/icon-256x256.png?rev=3587147) # CatCraft for WooCommerce By [jenishdholakiya35](https://profiles.wordpress.org/jenishdholakiya35/) [Download](https://downloads.wordpress.org/plugin/catcraft-for-woocommerce.1.0.0.zip) * [Details](https://wordpress.org/plugins/catcraft-for-woocommerce/#description) * [Reviews](https://wordpress.org/plugins/catcraft-for-woocommerce/#reviews) * [Installation](https://wordpress.org/plugins/catcraft-for-woocommerce/#installation) * [Development](https://wordpress.org/plugins/catcraft-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/catcraft-for-woocommerce/) ## Description **CatCraft for WooCommerce** is a Gutenberg block plugin by WPCraftHub that lets you showcase product categories in responsive **grid** or **slider** layouts with advanced filtering and sorting options. The block shows a **live preview inside the editor** — exactly as it will appear on the frontend — so you always know what your visitors will see. CatCraft for WooCommerce is not affiliated with or endorsed by WooCommerce or Automattic. ### Key Features * **Grid Layout** — Responsive grid with 1-6 columns * **Slider Layout** — Touch-enabled carousel with navigation and pagination * **Live Editor Preview** — See real categories directly in the block editor * **Category Limit** — Show all or limit to a specific number * **Sort Options** — Sort by name, count, ID, or slug * **Order Control** — Ascending or descending * **Product Count** — Show/hide product count per category * **Hide Empty Categories** — Toggle categories with no products * **Fully Responsive** — Mobile, tablet, and desktop optimised * **Native Gutenberg** — No page builder required * **Lightweight** — Swiper.js bundled locally, no CDN dependency * **SEO Friendly** — Clean semantic HTML with lazy-loaded images * **Translation Ready** — Fully internationalised (i18n) ### Customisation CSS classes for custom styling: * `.cat-display-block` — Main container * `.cat-display-layout-grid` — Grid layout * `.cat-display-layout-slider` — Slider layout * `.cat-display-item` — Individual category card * `.cat-display-title` — Category name * `.cat-display-count` — Product count ### Source Code & Build Instructions The full source code for this plugin is publicly available on GitHub: https://github.com/jenish-wordpress/catcraft-for-woocommerce The `build/index.js` file is compiled from the source files in the `src/` directory using `@wordpress/scripts` (webpack). To build from source: 1. Clone the repository 2. Run `npm install` 3. Run `npm run build` The `src/` directory contains all human-readable source files: * `src/index.js` — Block registration entry point * `src/edit.js` — Block editor component (JSX) * `src/style.scss` — Frontend styles * `src/editor.scss` — Editor-only styles * `src/block.json` — Block metadata * `src/render.php` — PHP server-side render callback ### Third Party Libraries **Swiper.js** — bundled locally inside `/assets/` * Purpose: Slider / carousel functionality * License: MIT * Homepage: https://swiperjs.com No data is sent to any external server. Swiper is served from the plugin’s own asset folder. ## Screenshots [⌊Grid layout on the frontend⌉⌊Grid layout on the frontend⌉[ Grid layout on the frontend [⌊Slider layout with navigation arrows⌉⌊Slider layout with navigation arrows⌉[ Slider layout with navigation arrows ## Blocks This plugin provides 1 block. * CatCraft for WooCommerce Display product categories in grid or slider layout with full customisation. ## Installation #### Automatic 1. Go to **Plugins > Add New** in your WordPress admin 2. Search for **CatCraft for WooCommerce** 3. Click **Install Now**, then **Activate** #### Manual 1. Download the plugin ZIP 2. Go to **Plugins > Add New > Upload Plugin** 3. Upload the ZIP and activate #### Requirements * WordPress 6.0+ * WooCommerce 6.0+ * PHP 7.4+ ## FAQ ### Does this require WooCommerce? Yes, WooCommerce must be installed and active. ### Does it show a live preview in the editor? Yes. The block fetches your real categories and renders them inside the block editor exactly as they appear on the frontend. ### Can I use it in a slider layout? Yes. Switch to Slider in the block settings and configure columns (slides visible at once). ### Is Swiper loaded from a CDN? No. Swiper is bundled locally inside the plugin — no external requests. ### Can I display all categories? Yes. Toggle “Show All Categories” in the block settings. ### Is it translation ready? Yes, fully internationalised. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “CatCraft for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ jenishdholakiya35 ](https://profiles.wordpress.org/jenishdholakiya35/) [Translate “CatCraft for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/catcraft-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/catcraft-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/catcraft-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/catcraft-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/catcraft-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release * Grid layout (1-6 columns) * Slider layout with Swiper.js (bundled locally) * Live editor preview using real WooCommerce categories * Sort, order, limit, count, and hide-empty controls * Fully responsive * Translation ready ## Meta * Version **1.0.0** * Last updated **4 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.0** * PHP version ** 7.4 or higher ** * Tags * [category display](https://wordpress.org/plugins/tags/category-display/)[category grid](https://wordpress.org/plugins/tags/category-grid/) [category slider](https://wordpress.org/plugins/tags/category-slider/)[gutenberg](https://wordpress.org/plugins/tags/gutenberg/) [Product Categories](https://wordpress.org/plugins/tags/product-categories/) * [Advanced View](https://wordpress.org/plugins/catcraft-for-woocommerce/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/catcraft-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/catcraft-for-woocommerce/reviews/) ## Contributors * [ jenishdholakiya35 ](https://profiles.wordpress.org/jenishdholakiya35/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/catcraft-for-woocommerce/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://wpcrafthub.com)