{"id":349668,"date":"2026-08-11T19:18:18","date_gmt":"2026-08-11T19:18:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/onlywoocom-cards-lite\/"},"modified":"2026-08-13T16:30:55","modified_gmt":"2026-08-13T16:30:55","slug":"code7x-product-card-design-for-woocommerce","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/code7x-product-card-design-for-woocommerce\/","author":23295744,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.2","stable_tag":"1.0.2","tested":"7.0.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Code7x Product Card Design for WooCommerce","header_author":"Code7x","header_description":"Beautiful, customizable product card grids & carousels for WooCommerce with full style controls, smart product queries, and native Elementor widget support.","assets_banners_color":"cecac6","last_updated":"2026-08-13 16:30:55","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/www.upgalax.com\/wordpress\/plugins\/code7x-product-card-design-for-woocommerce","header_author_uri":"https:\/\/upgalax.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":133,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"code7x","date":"2026-08-11 19:17:46"},"1.0.2":{"tag":"1.0.2","author":"code7x","date":"2026-08-13 16:30:55"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3642478,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3645975,"resolution":"772x250","location":"assets","locale":"","width":2205,"height":713}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.0.2"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[76538,254782,33766,51244,286],"plugin_category":[45],"plugin_contributors":[275247],"plugin_business_model":[],"class_list":["post-349668","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-product-cards","plugin_tags-product-carousel","plugin_tags-product-grid","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-code7x","plugin_committers-code7x"],"banners":{"banner":"https:\/\/ps.w.org\/code7x-product-card-design-for-woocommerce\/assets\/banner-772x250.png?rev=3645975","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/code7x-product-card-design-for-woocommerce\/assets\/icon-256x256.png?rev=3642478","icon_2x":"https:\/\/ps.w.org\/code7x-product-card-design-for-woocommerce\/assets\/icon-256x256.png?rev=3642478","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Code7x Product Card Design for WooCommerce lets you display products as fully styleable card grids or touch-friendly carousels, using a shortcode or a dedicated Elementor widget.<\/p>\n\n<p><strong>Product sources (queries):<\/strong>\n* Recent products\n* Featured products\n* Popular \/ best selling\n* Top rated\n* On sale\n* Random\n* Specific category\n* Manual product ID selection<\/p>\n\n<p><strong>Layouts:<\/strong>\n* Responsive grid (independent column counts for desktop \/ tablet \/ mobile)\n* Touch-swipe carousel with autoplay, arrows, and dots<\/p>\n\n<p><strong>Card designs:<\/strong>\n* Standard\n* Image overlay\n* Minimal \/ borderless\n* Modern\n* Modern 2 Minimal (Ultra-clean rounded container with 1:1 image, translucent glassmorphic wishlist heart, gold accent pricing, and circular plus action button)<\/p>\n\n<p><strong>Widgets &amp; Integration:<\/strong>\n* <strong>Woo Cards Widget<\/strong>: Full product grid &amp; carousel widget.\n* <strong>Wishlist Listing Widget<\/strong>: Display shopper browser-saved wishlist items.\n* <strong>Category Showcase Widget<\/strong>: Drag-and-drop Elementor widget to display custom WooCommerce category cards with background images, custom links, and responsive grid controls.<\/p>\n\n<p><strong>Key Features:<\/strong>\n* <strong>Zero Layout Shift AJAX Add to Cart<\/strong>: Suppresses default DOM link shifts for instant, smooth add-to-cart clicks across all card designs.\n* <strong>Top-Left Floating \"View Cart \u2192\" Pill<\/strong>: Displays a slick floating dark badge in the upper corner immediately after adding a product to cart.\n* <strong>Per-field toggles:<\/strong> image, sale badge, category, title, rating, price, short description, add-to-cart button.\n* <strong>Style controls:<\/strong> card background, border, radius, shadow, title\/price\/category\/rating colors, button colors (including hover), and typography (via Elementor).<\/p>\n\n<h4>Shortcode<\/h4>\n\n<pre><code>[code7x_product_cards query_type=\"featured\" layout=\"carousel\" per_page=\"8\" columns=\"4\" design=\"overlay\"]\n<\/code><\/pre>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>code7x-product-card-design-for-woocommerce<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Make sure WooCommerce is installed and active.<\/li>\n<li>Go to <strong>Code7x Product Cards<\/strong> in the admin menu to set global defaults, or drag the <strong>Woo Cards<\/strong> or <strong>Category Showcase<\/strong> widgets onto any Elementor page.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20without%20elementor%3F\"><h3>Does this work without Elementor?<\/h3><\/dt>\n<dd><p>Yes. The <code>[code7x_product_cards]<\/code> shortcode works anywhere shortcodes are supported. The Elementor widgets are an additional, optional way to configure options visually.<\/p><\/dd>\n<dt id=\"is%20it%20mobile%20friendly%3F\"><h3>Is it mobile friendly?<\/h3><\/dt>\n<dd><p>Yes, grid and carousel column counts are independently configurable for desktop, tablet, and mobile, and the carousel supports touch swipe.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Feature: Added new \"Modern 2 Minimal\" card preset with 1:1 rounded image ratio, glassmorphic wishlist heart, and circular plus button.<\/li>\n<li>Feature: Added new Elementor Category Showcase Card Widget with static images, custom links, and responsive grid controls.<\/li>\n<li>Feature: Added top-left floating \"View Cart \u2192\" pill badge notification on AJAX add-to-cart.<\/li>\n<li>Improvement: Implemented Zero Layout Shift AJAX add-to-cart system for seamless, jump-free button clicks.<\/li>\n<li>Integration: Added full Elementor editor and global settings support for Modern 2 Minimal preset.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Initial release of Code7x Product Card Design for WooCommerce.<\/li>\n<li>Added custom product card grids and touch carousels.<\/li>\n<li>Added variation swatches and browser-based wishlist support.<\/li>\n<li>Added native Elementor widget integration.<\/li>\n<\/ul>","raw_excerpt":"Beautiful, customizable WooCommerce product card grids &amp; carousels, with a native drag-and-drop Elementor widget.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/349668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=349668"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/code7x"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=349668"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=349668"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=349668"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=349668"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=349668"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=349668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}