I was looking to add variations and attributes to my product shortcodes so I could display that on my global merchandise page. There was a solution taken from the variable add-to-cart template but the author made a mistake by using $product->get_attributes() . This resulted in the following warning:

Warning: in_array() expects parameter 2 to be array, object given in /wc-template-functions.php on line 2295

The get_attributes() function returns the wrong stuff. The correct function is $product->get_available_variations()

Visit our partner site at Code Interactive for more web solutions. Put the following code in your functions.php file and it should work:

<?php
// Display variations dropdowns on shop page for variable products. By Code Interactive
add_filter( ‘woocommerce_loop_add_to_cart_link’, ‘woo_display_variation_dropdown_on_shop_page’ );

function woo_display_variation_dropdown_on_shop_page() {

global $product;
if( $product->is_type( ‘variable’ )) {

$attribute_keys = array_keys( $product->get_variation_attributes() );
?>

<form class=”variations_form cart” method=”post” enctype=’multipart/form-data’ data-product_id=”<?php echo absint( $product->id ); ?>” data-product_variations=”<?php echo htmlspecialchars( json_encode( $product->get_available_variations() ) ) ?>”>
<?php do_action( ‘woocommerce_before_variations_form’ ); ?>

<?php if ( ( !$product->get_available_variations() ) && false !== $product->get_available_variations() ) : ?>
<p class=”stock out-of-stock”><?php _e( ‘This product is currently out of stock and unavailable.’, ‘woocommerce’ ); ?></p>
<?php else : ?>
<table class=”variations” cellspacing=”0″>
<tbody>
<?php foreach ( $product->get_variation_attributes() as $attribute_name => $options ) : ?>
<tr>
<td class=”value”>
<label for=”<?php echo sanitize_title( $attribute_name ); ?>”><?php echo wc_attribute_label( $attribute_name ); ?></label> <?php
$selected = isset( $_REQUEST[ ‘attribute_’ . sanitize_title( $attribute_name ) ] ) ? wc_clean( urldecode( $_REQUEST[ ‘attribute_’ . sanitize_title( $attribute_name ) ] ) ) : $product->get_variation_default_attribute( $attribute_name );
wc_dropdown_variation_attribute_options( array( ‘options’ => $options, ‘attribute’ => $attribute_name, ‘product’ => $product, ‘selected’ => $selected ) );
/*echo end( $attribute_keys ) === $attribute_name ? apply_filters( ‘woocommerce_reset_variations_link’, ‘<a class=”reset_variations” href=”#”>’ . __( ‘Clear’, ‘woocommerce’ ) . ‘</a>’ ) : ”;*/
?>
</td>
</tr>
<?php endforeach;?>
</tbody>
</table>

<?php do_action( ‘woocommerce_before_add_to_cart_button’ ); ?>

<div class=”single_variation_wrap”>
<?php
/**
* woocommerce_before_single_variation Hook.
*/
do_action( ‘woocommerce_before_single_variation’ );

/**
* woocommerce_single_variation hook. Used to output the cart button and placeholder for variation data.
* @since 2.4.0
* @hooked woocommerce_single_variation – 10 Empty div for variation data.
* @hooked woocommerce_single_variation_add_to_cart_button – 20 Qty and cart button.
*/
do_action( ‘woocommerce_single_variation’ );

/**
* woocommerce_after_single_variation Hook.
*/
do_action( ‘woocommerce_after_single_variation’ );
?>
</div>

<?php do_action( ‘woocommerce_after_add_to_cart_button’ ); ?>
<?php endif; ?>

<?php do_action( ‘woocommerce_after_variations_form’ ); ?>
</form>

<?php } else {

echo sprintf( ‘<a rel=”nofollow” href=”%s” data-quantity=”%s” data-product_id=”%s” data-product_sku=”%s” class=”%s”>%s</a>’,
esc_url( $product->add_to_cart_url() ),
esc_attr( isset( $quantity ) ? $quantity : 1 ),
esc_attr( $product->id ),
esc_attr( $product->get_sku() ),
esc_attr( isset( $class ) ? $class : ‘button’ ),
esc_html( $product->add_to_cart_text() )
);

}

}