{"id":349668,"date":"2026-08-11T19:18:18","date_gmt":"2026-08-11T19:18:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/onlywoocom-cards-lite\/"},"modified":"2026-08-11T19:17:46","modified_gmt":"2026-08-11T19:17:46","slug":"code7x-product-card-design-for-woocommerce","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/code7x-product-card-design-for-woocommerce\/","author":23295744,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.0.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Code7x Product Card Design for WooCommerce","header_author":"Code7x","header_description":"Beautiful, customizable product card grids & carousels for WooCommerce with full style controls, smart product queries, and native Elementor widget support.","assets_banners_color":"beb9b1","last_updated":"2026-08-11 19:17:46","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/www.upgalax.com\/wordpress\/plugins\/code7x-product-card-design-for-woocommerce","header_author_uri":"https:\/\/upgalax.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":38,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"code7x","date":"2026-08-11 19:17:46"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3642478,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3643268,"resolution":"772x250","location":"assets","locale":"","width":2204,"height":713}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[76538,254782,33766,51244,286],"plugin_category":[45],"plugin_contributors":[275247],"plugin_business_model":[],"class_list":["post-349668","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-product-cards","plugin_tags-product-carousel","plugin_tags-product-grid","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-code7x","plugin_committers-code7x"],"banners":{"banner":"https:\/\/ps.w.org\/code7x-product-card-design-for-woocommerce\/assets\/banner-772x250.png?rev=3643268","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/code7x-product-card-design-for-woocommerce\/assets\/icon-256x256.png?rev=3642478","icon_2x":"https:\/\/ps.w.org\/code7x-product-card-design-for-woocommerce\/assets\/icon-256x256.png?rev=3642478","generated":false},"screenshots":[],"raw_content":"\n

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.<\/p>\n\n

Product sources (queries):<\/strong>\n* Recent products\n* Featured products\n* Popular \/ best selling\n* Top rated\n* On sale\n* Random\n* Specific category\n* Manual product ID selection<\/p>\n\n

Layouts:<\/strong>\n* Responsive grid (independent column counts for desktop \/ tablet \/ mobile)\n* Touch-swipe carousel with autoplay, arrows, and dots<\/p>\n\n

Card designs:<\/strong>\n* Standard\n* Image overlay\n* Minimal \/ borderless<\/p>\n\n

Per-field toggles:<\/strong> image, sale badge, category, title, rating, price, short description, add-to-cart button.<\/p>\n\n

Style controls:<\/strong> card background, border, radius, shadow, title\/price\/category\/rating colors, button colors (including hover), and typography (via Elementor).<\/p>\n\n

Elementor integration:<\/strong> 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.<\/p>\n\n

Shortcode<\/h4>\n\n
[code7x_product_cards query_type=\"featured\" layout=\"carousel\" per_page=\"8\" columns=\"4\" design=\"overlay\"]\n<\/code><\/pre>\n\n\n
    \n
  1. Upload the code7x-product-card-design-for-woocommerce<\/code> folder to \/wp-content\/plugins\/<\/code>.<\/li>\n
  2. Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n
  3. Make sure WooCommerce is installed and active.<\/li>\n
  4. Go to Code7x Product Cards<\/strong> in the admin menu to set global defaults, or drag the Woo Cards<\/strong> widget onto any Elementor page.<\/li>\n<\/ol>\n\n\n
    \n
    Does this work without Elementor?<\/h3><\/dt>\n
    Yes. The [code7x_product_cards]<\/code> shortcode works anywhere shortcodes are supported. The Elementor widget is an additional, optional way to configure the same options visually.<\/p><\/dd>\n
    Is it mobile friendly?<\/h3><\/dt>\n
    Yes, grid and carousel column counts are independently configurable for desktop, tablet, and mobile, and the carousel supports touch swipe.<\/p><\/dd>\n\n<\/dl>\n\n\n
    1.0.1<\/h4>\n\n
      \n
    • Initial release of Code7x Product Card Design for WooCommerce.<\/li>\n
    • Added custom product card grids and touch carousels.<\/li>\n
    • Added variation swatches and browser-based wishlist support.<\/li>\n
    • Added native Elementor widget integration.<\/li>\n<\/ul>","raw_excerpt":"Beautiful, customizable WooCommerce product card grids & carousels, with a native drag-and-drop Elementor widget.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/349668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=349668"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/code7x"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=349668"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=349668"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=349668"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=349668"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=349668"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=349668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}