{"id":375112,"date":"2026-09-28T07:19:39","date_gmt":"2026-09-28T07:19:39","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/caresort-smart-product-grid\/"},"modified":"2026-09-28T07:26:46","modified_gmt":"2026-09-28T07:26:46","slug":"caresort-smart-product-grid","status":"publish","type":"plugin","link":"https:\/\/es.wordpress.org\/plugins\/caresort-smart-product-grid\/","author":23529205,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.2","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"Smart Product Grid","header_author":"Caresort Solutions Pvt. Ltd","header_description":"Animated WooCommerce product grid with grid\/masonry\/carousel layouts, AJAX filters & pagination, quick-view modal, animated add-to-cart, wishlist & compare.","assets_banners_color":"101e4b","last_updated":"2026-09-28 07:26:46","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/www.caresortsolutions.com\/plugins\/caresort-smart-product-grid\/","header_author_uri":"https:\/\/caresortsolutions.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":55,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"caresortsolutions","date":"2026-09-28 07:26:46","revision":3716493}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3716472,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3716472,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3716472,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3716472,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3716487,"resolution":"1","location":"assets","locale":"","width":1272,"height":484},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3716472,"resolution":"2","location":"assets","locale":"","width":1058,"height":637}},"screenshots":{"1":"Product grid layout with filters","2":"Quick view modal","3":"Compare table"}},"plugin_section":[],"plugin_tags":[4352,51244,19156,1666,286],"plugin_category":[45],"plugin_contributors":[274601],"plugin_business_model":[],"class_list":["post-375112","plugin","type-plugin","status-publish","hentry","plugin_tags-compare","plugin_tags-product-grid","plugin_tags-quick-view","plugin_tags-wishlist","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-caresortsolutions","plugin_committers-caresortsolutions"],"banners":{"banner":"https:\/\/ps.w.org\/caresort-smart-product-grid\/assets\/banner-772x250.png?rev=3716472","banner_2x":"https:\/\/ps.w.org\/caresort-smart-product-grid\/assets\/banner-1544x500.png?rev=3716472","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/caresort-smart-product-grid\/assets\/icon-128x128.png?rev=3716472","icon_2x":"https:\/\/ps.w.org\/caresort-smart-product-grid\/assets\/icon-256x256.png?rev=3716472","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/caresort-smart-product-grid\/assets\/screenshot-1.png?rev=3716487","caption":"Product grid layout with filters"},{"src":"https:\/\/ps.w.org\/caresort-smart-product-grid\/assets\/screenshot-2.png?rev=3716472","caption":"Quick view modal"}],"raw_content":"<!--section=description-->\n<p>Custom animated product grid plugin for WooCommerce. Includes grid,\nmasonry and carousel layouts, AJAX filters\/pagination, quick-view modal,\nanimated add-to-cart (mini-cart auto-refresh), wishlist, and compare.<\/p>\n\n<p>When Elementor is active, a \"WC Custom Grid\" widget appears in the widget\npanel under the \"WC Custom Grid\" category \u2014 search for \"wc custom grid\"\nor \"products\" to drag and drop it. The shortcode also works (see below);\nboth options are available.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Grid \/ Masonry \/ Carousel layouts, switchable with a single shortcode attribute<\/li>\n<li>Category, product-tag, price-range and sort filters \u2014 all AJAX (no page reload)<\/li>\n<li>\"Load more\" AJAX pagination<\/li>\n<li>Quick View modal: image, description, price, variations, and Add to Cart<\/li>\n<li>Animated Add to Cart: hover lift, pulse-glow on success, mini-cart\nfragment refresh (compatible with WooCommerce's <code>added_to_cart<\/code> event)<\/li>\n<li>Wishlist: works for both guest and logged-in users via WooCommerce customer\nsession; for logged-in users the list is also persisted to user meta so\nit survives session changes<\/li>\n<li>Compare: up to 4 products, stored in WooCommerce customer session,\nsticky bottom bar + side-by-side table modal<\/li>\n<li>Sale badge, out-of-stock badge, and star rating \u2014 all pulled from WooCommerce data<\/li>\n<\/ul>\n\n<p>This plugin requires <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\">WooCommerce<\/a> to be installed and active.<\/p>\n\n<h3>Shortcode Options<\/h3>\n\n<pre><code>[wccg_grid\n    layout=\"grid\"              -&gt; grid | masonry | carousel\n    columns=\"3\"                -&gt; number of columns on desktop (auto-responsive on mobile)\n    per_page=\"9\"               -&gt; products shown on first load\n    category=\"shoes,bags\"      -&gt; comma-separated category slugs (leave empty for all)\n    orderby=\"popularity\"       -&gt; popularity | date | price | price-desc | rating\n    show_filters=\"yes\"         -&gt; show category + price + sort filter bar\n    show_price_filter=\"yes\"    -&gt; show price range slider\n    show_tag_filter=\"yes\"      -&gt; show product tag filter\n    title=\"Bestsellers\"\n    subtitle=\"Our top products\"\n]\n<\/code><\/pre>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>smart-product-grid<\/code> folder via WordPress admin &gt; Plugins &gt;\nAdd New &gt; Upload Plugin.<\/li>\n<li>Activate the plugin. WooCommerce must be active \u2014 an admin notice will\nappear if it is not.<\/li>\n<li><p>Add the shortcode to any page or post:<\/p>\n\n<p>[wccg_grid title=\"Bestsellers\" subtitle=\"Our top products\"]<\/p><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20the%20plugin%20load%20gsap%20from%20a%20cdn%3F\"><h3>Does the plugin load GSAP from a CDN?<\/h3><\/dt>\n<dd><p>No. All JavaScript, including the animation layer, is bundled locally in\n    assets\/js\/. The animations gracefully degrade \u2014 if the script fails to\nload, everything else continues to work.<\/p><\/dd>\n<dt id=\"the%20wishlist%20table%20was%20not%20created.\"><h3>The wishlist table was not created.<\/h3><\/dt>\n<dd><p>The wishlist table (<code>{prefix}_wccg_wishlist<\/code>) is created on plugin activation\nvia <code>dbDelta()<\/code>. If you updated the plugin while it was already active,\ndeactivate and re-activate once to run the activation hook.<\/p><\/dd>\n<dt id=\"how%20do%20i%20change%20the%20accent%20color%3F\"><h3>How do I change the accent color?<\/h3><\/dt>\n<dd><p>Open <code>assets\/css\/style.css<\/code> and change the <code>--wccg-accent<\/code> CSS custom\nproperty near the top of the file. If you are using the Elementor widget,\nthe \"Accent color\" control in the Card style section handles this without\nediting any file.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Animated WooCommerce product grid with AJAX filters, quick view, wishlist and compare \u2014 as a shortcode or an Elementor widget.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/375112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=375112"}],"author":[{"embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/caresortsolutions"}],"wp:attachment":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=375112"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=375112"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=375112"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=375112"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=375112"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=375112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}