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"]
