Breaking News: Grepper is joining You.com. Read the official announcement!

add to cart woocommerce product with variation

Add Answer

Emon Ahmed answered on December 8, 2020 Popularity 10/10 Helpfulness 3/10

answer add to cart woocommerce product with variation

related add a item to cart woocomerce with quantity

related woocommerce when product added to cart javascript action

related add to cart function woocommerce

add to cart woocommerce product with variation

Comment

// Display variations dropdowns on shop page for variable products
 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_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 ( empty( $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="label"><label for="<?php echo sanitize_title( $attribute_name ); ?>"><?php echo wc_attribute_label( $attribute_name ); ?></label></td>
							<td class="value">
								<?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 {

		$html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="cart" method="post" enctype="multipart/form-data">';
		$html .= woocommerce_quantity_input( array(), $product, false );
		$html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
		$html .= '</form>';
		return $html;

	}

}

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: wordpress.org

Tags: add cart product whatever woocommerce

Link to this answer
Share Copy Link

Contributed on Jun 25 2022

Emon Ahmed

0 Answers Avg Quality 2/10

Closely Related Answers

add a item to cart woocomerce with quantity

Comment

WC()->cart->add_to_cart( 500, 5 );

Popularity 10/10 Helpfulness 4/10 Language c

Source: rudrastyh.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Dec 08 2020

Adershow The MasterCoder

0 Answers Avg Quality 2/10

woocommerce when product added to cart javascript action

Comment

jQuery( document.body ).on( 'added_to_cart', function(){

console.log('added_to_cart');

});

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: action ac

Link to this answer
Share Copy Link

Contributed on Mar 07 2023

Singh99

0 Answers Avg Quality 2/10

add to cart function woocommerce

Comment

-1

// To change add to cart text on single product page
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text' ); 
function woocommerce_custom_single_add_to_cart_text() {
    return __( 'Buy Now', 'woocommerce' ); 
}
// To change add to cart text on product archives(Collection) page
add_filter( 'woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text' );  
function woocommerce_custom_product_add_to_cart_text() {
    return __( 'Buy Now', 'woocommerce' );
}

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: wphacks4u.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Jul 07 2021

Poised Pheasant

0 Answers Avg Quality 2/10

add to cart woocommerce product with variation

Contents

More Related Answers

add to cart woocommerce product with variation

Closely Related Answers

add a item to cart woocomerce with quantity

woocommerce when product added to cart javascript action

add to cart function woocommerce

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.