
WordPress Plugin
Code7x Product Card Design for WooCommerce
Beautiful, customizable WooCommerce product card grids & carousels, with a native drag-and-drop Elementor widget.
Versionv1.0.1
WordPress Req.5.8+ (Tested to 7.0)
PHP Req.7.4+
LicenseGPLv2 or later
#woocommerce#product grid#product carousel#elementor#product cards
Key Features
Everything you need to showcase products.
Product Sources (Queries)
- Recent products
- Featured products
- Popular / best selling
- Top rated
- On sale products
- Random product selection
- Specific category filtering
- Manual product ID selection
Per-Field Toggles
- Product image display
- On-sale badge
- Category taxonomy label
- Product title
- Star rating
- Price display
- Short description preview
- Add to Cart button
Elementor Integration
- Native "Woo Cards" widget in Elementor panel
- Dedicated "Code7x Product Cards" category
- Content & Style tabs mirroring all shortcode options
- Visual typography, color, & shadow controls without code
Layouts & Styling
Flexible card designs & touch carousels.
Available Layouts
- Responsive Grid (independent column counts for desktop, tablet, mobile)
- Touch-Swipe Carousel with autoplay, navigation arrows, and pagination dots
Card Designs
- Standard (Classic card container with subtle shadow)
- Image Overlay (Modern glassmorphic overlay on hover)
- Minimal / Borderless (Clean typography focus)
Installation
Quick 3-step setup.
1
Upload the code7x-product-card-design-for-woocommerce folder to your /wp-content/plugins/ directory.
2
Activate the plugin through the 'Plugins' menu in WordPress.
3
Go to Code7x Product Cards in the admin menu, or drag the Woo Cards widget onto any Elementor page.
FAQ
Frequently asked questions.
Does this work without Elementor?
Yes. The [code7x_product_cards] shortcode works anywhere shortcodes are supported in WordPress. The Elementor widget is an additional, optional visual workflow.
Is it mobile friendly?
Yes, grid and carousel column counts are independently configurable for desktop, tablet, and mobile, and the carousel supports native touch swipe.
