Title: Smart Product Grid Author: caresortsolutions Published: September 28, 2026 Last modified: September 28, 2026 --- Search plugins ![](https://ps.w.org/caresort-smart-product-grid/assets/banner-772x250.png?rev=3716472) ![](https://ps.w.org/caresort-smart-product-grid/assets/icon-256x256.png?rev=3716472) # Smart Product Grid By [caresortsolutions](https://profiles.wordpress.org/caresortsolutions/) [Download](https://downloads.wordpress.org/plugin/caresort-smart-product-grid.1.0.0.zip) * [Details](https://wordpress.org/plugins/caresort-smart-product-grid/#description) * [Reviews](https://wordpress.org/plugins/caresort-smart-product-grid/#reviews) * [Installation](https://wordpress.org/plugins/caresort-smart-product-grid/#installation) * [Development](https://wordpress.org/plugins/caresort-smart-product-grid/#developers) [Support](https://wordpress.org/support/plugin/caresort-smart-product-grid/) ## Description Custom animated product grid plugin for WooCommerce. Includes grid, masonry and carousel layouts, AJAX filters/pagination, quick-view modal, animated add-to-cart( mini-cart auto-refresh), wishlist, and compare. When Elementor is active, a “WC Custom Grid” widget appears in the widget panel under the “WC Custom Grid” category — search for “wc custom grid” or “products” to drag and drop it. The shortcode also works (see below); both options are available. #### Features * Grid / Masonry / Carousel layouts, switchable with a single shortcode attribute * Category, product-tag, price-range and sort filters — all AJAX (no page reload) * “Load more” AJAX pagination * Quick View modal: image, description, price, variations, and Add to Cart * Animated Add to Cart: hover lift, pulse-glow on success, mini-cart fragment refresh (compatible with WooCommerce’s `added_to_cart` event) * Wishlist: works for both guest and logged-in users via WooCommerce customer session; for logged-in users the list is also persisted to user meta so it survives session changes * Compare: up to 4 products, stored in WooCommerce customer session, sticky bottom bar + side-by-side table modal * Sale badge, out-of-stock badge, and star rating — all pulled from WooCommerce data This plugin requires [WooCommerce](https://wordpress.org/plugins/woocommerce/) to be installed and active. ### Shortcode Options ``` [wccg_grid layout="grid" -> grid | masonry | carousel columns="3" -> number of columns on desktop (auto-responsive on mobile) per_page="9" -> products shown on first load category="shoes,bags" -> comma-separated category slugs (leave empty for all) orderby="popularity" -> popularity | date | price | price-desc | rating show_filters="yes" -> show category + price + sort filter bar show_price_filter="yes" -> show price range slider show_tag_filter="yes" -> show product tag filter title="Bestsellers" subtitle="Our top products" ] ``` ## Screenshots [⌊Product grid layout with filters⌉⌊Product grid layout with filters⌉[ Product grid layout with filters [⌊Quick view modal⌉⌊Quick view modal⌉[ Quick view modal ## Installation 1. Upload the `smart-product-grid` folder via WordPress admin > Plugins > Add New > Upload Plugin. 2. Activate the plugin. WooCommerce must be active — an admin notice will appear if it is not. 3. Add the shortcode to any page or post: 4. [wccg_grid title=”Bestsellers” subtitle=”Our top products”] ## FAQ ### Does the plugin load GSAP from a CDN? No. All JavaScript, including the animation layer, is bundled locally in assets/ js/. The animations gracefully degrade — if the script fails to load, everything else continues to work. ### The wishlist table was not created. The wishlist table (`{prefix}_wccg_wishlist`) is created on plugin activation via` dbDelta()`. If you updated the plugin while it was already active, deactivate and re-activate once to run the activation hook. ### How do I change the accent color? Open `assets/css/style.css` and change the `--wccg-accent` CSS custom property near the top of the file. If you are using the Elementor widget, the “Accent color” control in the Card style section handles this without editing any file. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Smart Product Grid” is open source software. The following people have contributed to this plugin. Contributors * [ caresortsolutions ](https://profiles.wordpress.org/caresortsolutions/) [Translate “Smart Product Grid” into your language.](https://translate.wordpress.org/projects/wp-plugins/caresort-smart-product-grid) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/caresort-smart-product-grid/), check out the [SVN repository](https://plugins.svn.wordpress.org/caresort-smart-product-grid/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/caresort-smart-product-grid/) by [RSS](https://plugins.trac.wordpress.org/log/caresort-smart-product-grid/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. ## Meta * Version **1.0.0** * Last updated **2 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.2 or higher ** * Tested up to **7.1.2** * PHP version ** 7.4 or higher ** * Tags * [compare](https://wordpress.org/plugins/tags/compare/)[Product Grid](https://wordpress.org/plugins/tags/product-grid/) [quick view](https://wordpress.org/plugins/tags/quick-view/)[Wishlist](https://wordpress.org/plugins/tags/wishlist/) [woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/caresort-smart-product-grid/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/caresort-smart-product-grid/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/caresort-smart-product-grid/reviews/) ## Contributors * [ caresortsolutions ](https://profiles.wordpress.org/caresortsolutions/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/caresort-smart-product-grid/)