{"id":444,"date":"2016-02-12T07:15:41","date_gmt":"2016-02-12T07:15:41","guid":{"rendered":"https:\/\/www.sushilkumar.ind.in\/blog\/?p=444"},"modified":"2016-02-12T09:46:40","modified_gmt":"2016-02-12T09:46:40","slug":"woocommerce-product-variations-grid-or-table-form-with-add-to-cart-button","status":"publish","type":"post","link":"https:\/\/www.sushilkumar.ind.in\/blog\/wordpress\/woocommerce-product-variations-grid-or-table-form-with-add-to-cart-button\/","title":{"rendered":"WooCommerce Product Variations Grid or Table form with add to cart button"},"content":{"rendered":"[tblock anim=”rubberBand” tcuscolor=”#9900ff” title=”WooCommerce Product Variations Grid or Table form with add to cart button” tag=”h3″\/]\n

Copy and Paste the code in your theme function.php <\/strong><\/p>\n

function find_valid_variations() {\r\n    global $product;\r\n \r\n    $variations = $product->get_available_variations();\r\n    $attributes = $product->get_attributes();\r\n    $new_variants = array();\r\n \r\n    \/\/ Loop through all variations\r\n    foreach( $variations as $variation ) {\r\n \r\n        \/\/ Peruse the attributes.\r\n \r\n        \/\/ 1. If both are explicitly set, this is a valid variation\r\n        \/\/ 2. If one is not set, that means any, and we must 'create' the rest.\r\n \r\n        $valid = true; \/\/ so far\r\n        foreach( $attributes as $slug => $args ) {\r\n            if( array_key_exists(\"attribute_$slug\", $variation['attributes']) && !empty($variation['attributes'][\"attribute_$slug\"]) ) {\r\n                \/\/ Exists\r\n \r\n            } else {\r\n                \/\/ Not exists, create\r\n                $valid = false; \/\/ it contains 'anys'\r\n                \/\/ loop through all options for the 'ANY' attribute, and add each\r\n                foreach( explode( '|', $attributes[$slug]['value']) as $attribute ) {\r\n                    $attribute = trim( $attribute );\r\n                    $new_variant = $variation;\r\n                    $new_variant['attributes'][\"attribute_$slug\"] = $attribute;\r\n                    $new_variants[] = $new_variant;\r\n                }\r\n \r\n            }\r\n        }\r\n \r\n        \/\/ This contains ALL set attributes, and is itself a 'valid' variation.\r\n        if( $valid )\r\n            $new_variants[] = $variation;\r\n \r\n    }\r\n \r\n    return $new_variants;\r\n}\r\n?>\r\n <table class=\"variations variations-grid\" cellspacing=\"0\">\r\n <tbody>\r\n <?php\r\n foreach ($variations as $key => $value) {\r\n if( !$value['variation_is_visible'] ) continue;\r\n ?>\r\n <tr>\r\n <td>\r\n <?php foreach($value['attributes'] as $key => $val ) {\r\n $val = str_replace(array('-','_'), ' ', $val);\r\n printf( '<span class=\"attr attr-%s\">%s<\/span>', $key, ucwords($val) );\r\n } ?>\r\n <\/td>\r\n <td>\r\n <?php echo $value['price_html'];?>\r\n <\/td>\r\n <td>\r\n <?php if( $value['is_in_stock'] ) { ?>\r\n <form class=\"cart\" action=\"<?php echo esc_url( $product->add_to_cart_url() ); ?>\" method=\"post\" enctype='multipart\/form-data'>\r\n <?php woocommerce_quantity_input(); ?>\r\n <?php\r\n if(!empty($value['attributes'])){\r\n foreach ($value['attributes'] as $attr_key => $attr_value) {\r\n ?>\r\n <input type=\"hidden\" name=\"<?php echo $attr_key?>\" value=\"<?php echo $attr_value?>\">\r\n <?php\r\n }\r\n }\r\n ?>\r\n <button type=\"submit\" class=\"single_add_to_cart_button btn btn-primary\"><span class=\"glyphicon glyphicon-tag\"><\/span> Add to cart<\/button>\r\n <input type=\"hidden\" name=\"variation_id\" value=\"<?php echo $value['variation_id']?>\" \/>\r\n <input type=\"hidden\" name=\"product_id\" value=\"<?php echo esc_attr( $post->ID ); ?>\" \/>\r\n <input type=\"hidden\" name=\"add-to-cart\" value=\"<?php echo esc_attr( $post->ID ); ?>\" \/>\r\n <\/form>\r\n <?php } else { ?>\r\n <p class=\"stock out-of-stock\"><?php _e( 'This product is currently out of stock and unavailable.', 'woocommerce' ); ?><\/p>\r\n <?php } ?>\r\n <\/td>\r\n <\/tr>\r\n <?php } ?>\r\n <\/tbody>\r\n <\/table>\r\n <?php\r\n}\r\n<\/pre>\n
function find_valid_variations() {\r\n    global $product;\r\n \r\n    $variations = $product->get_available_variations();\r\n    $attributes = $product->get_attributes();\r\n    $new_variants = array();\r\n \r\n    \/\/ Loop through all variations\r\n    foreach( $variations as $variation ) {\r\n \r\n        \/\/ Peruse the attributes.\r\n \r\n        \/\/ 1. If both are explicitly set, this is a valid variation\r\n        \/\/ 2. If one is not set, that means any, and we must 'create' the rest.\r\n \r\n        $valid = true; \/\/ so far\r\n        foreach( $attributes as $slug => $args ) {\r\n            if( array_key_exists(\"attribute_$slug\", $variation['attributes']) && !empty($variation['attributes'][\"attribute_$slug\"]) ) {\r\n                \/\/ Exists\r\n \r\n            } else {\r\n                \/\/ Not exists, create\r\n                $valid = false; \/\/ it contains 'anys'\r\n                \/\/ loop through all options for the 'ANY' attribute, and add each\r\n                foreach( explode( '|', $attributes[$slug]['value']) as $attribute ) {\r\n                    $attribute = trim( $attribute );\r\n                    $new_variant = $variation;\r\n                    $new_variant['attributes'][\"attribute_$slug\"] = $attribute;\r\n                    $new_variants[] = $new_variant;\r\n                }\r\n \r\n            }\r\n        }\r\n \r\n        \/\/ This contains ALL set attributes, and is itself a 'valid' variation.\r\n        if( $valid )\r\n            $new_variants[] = $variation;\r\n \r\n    }\r\n \r\n    return $new_variants;\r\n}\r\n<\/pre>\n[tblock anim=”bounceInUp” tcuscolor=”#00ff09″ title=”Example” tag=”h2″\/]\n\"woocommerce-product-variation-grid-table\"<\/p>\n","protected":false},"excerpt":{"rendered":"
[tblock anim=”rubberBand” tcuscolor=”#9900ff” title=”WooCommerce Product Variations Grid or Table form with add to cart button” tag=”h3″\/] Copy and Paste the code in your theme function.php function find_valid_variations() { global $product; $variations = $product->get_available_variations(); $attributes = $product->get_attributes(); $new_variants = array(); \/\/ Loop through all variations foreach( $variations as $variation ) { \/\/ Peruse the attributes. \/\/ …<\/p>\n","protected":false},"author":1,"featured_media":461,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[54,13],"tags":[47,51,50,52,46,49,48],"class_list":["post-444","post","type-post","status-publish","format-image","has-post-thumbnail","","category-woo-commerce","category-wordpress","tag-product-variation","tag-product-variation-in-grid","tag-product-variation-in-table","tag-product-variation-in-tablegrid-with-add-to-cat-button","tag-woocommerce","tag-woocommerce-product-variations","tag-wordpress-product-variations","post_format-post-format-image"],"jetpack_publicize_connections":[],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-content\/uploads\/2016\/02\/woocommerce-product-variation-grid-table.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p99pkJ-7a","_links":{"self":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/posts\/444"}],"collection":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":0,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/posts\/444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/media\/461"}],"wp:attachment":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/media?parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/categories?post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/tags?post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}