Description
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.
Product sources (queries):
* Recent products
* Featured products
* Popular / best selling
* Top rated
* On sale
* Random
* Specific category
* Manual product ID selection
Layouts:
* Responsive grid (independent column counts for desktop / tablet / mobile)
* Touch-swipe carousel with autoplay, arrows, and dots
Card designs:
* Standard
* Image overlay
* Minimal / borderless
Per-field toggles: image, sale badge, category, title, rating, price, short description, add-to-cart button.
Style controls: card background, border, radius, shadow, title/price/category/rating colors, button colors (including hover), and typography (via Elementor).
Elementor integration: a full “Woo Cards” widget appears in its own “Code7x Product Cards” category, with Content and Style tabs mirroring every shortcode option, so you can drag, drop, and visually configure everything without writing code.
Shortcode
[code7x_product_cards query_type="featured" layout="carousel" per_page="8" columns="4" design="overlay"]
Installation
- Upload the
code7x-product-card-design-for-woocommercefolder to/wp-content/plugins/. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- Make sure WooCommerce is installed and active.
- Go to Code7x Product Cards in the admin menu to set global defaults, or drag the Woo Cards widget onto any Elementor page.
FAQ
-
Does this work without Elementor?
-
Yes. The
[code7x_product_cards]shortcode works anywhere shortcodes are supported. The Elementor widget is an additional, optional way to configure the same options visually. -
Is it mobile friendly?
-
Yes, grid and carousel column counts are independently configurable for desktop, tablet, and mobile, and the carousel supports touch swipe.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Code7x Product Card Design for WooCommerce” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Code7x Product Card Design for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.1
- Initial release of Code7x Product Card Design for WooCommerce.
- Added custom product card grids and touch carousels.
- Added variation swatches and browser-based wishlist support.
- Added native Elementor widget integration.