=== Code7x Product Card Design for WooCommerce ===
Contributors: Code7x
Tags: woocommerce, product grid, product carousel, elementor, product cards
Requires at least: 5.8
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.0.1
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Beautiful, customizable WooCommerce product card grids & carousels, with a native drag-and-drop Elementor widget.

== 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 ==

1. Upload the `code7x-product-card-design-for-woocommerce` folder to `/wp-content/plugins/`.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Make sure WooCommerce is installed and active.
4. Go to **Code7x Product Cards** in the admin menu to set global defaults, or drag the **Woo Cards** widget onto any Elementor page.

== Frequently Asked Questions ==

= 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.

== 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.
