Code7x Product Card Design for WooCommerce
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"]
