HÁZTE PREMIUM PARA SIEMPRE POR SÓLO 30€ (Precio Temporal). HACES UN SÓLO PAGO Y PODRÁS ACCEDER INDEFINIDAMENTE A LA ZONA DE DESCARGAS, CURSOS Y VIDEOS PREMIUM. ¡QUIERO SER PREMIUM!

WOOCOMMERCE: CÓDIGO PRODUCTOS VARIABLES

Hola buenas bienvenidos a un nuevo tutorial de PluginsWeb.es.

Hoy te traigo un código que vas a poder insertar en tu WordPress y con el cual vas a poder dar la opción al usuario de comprar un producto variable desde la página principal de todos los productos de tu tienda sin tener que meterse dentro del producto.

 

 

Página principal de productos variables en Woocommerce sin el código:

 

codigo productos variables woocommerce, productos compuestos woocommerce

 

ACTIVAR COMPRA DESDE PÁGINA PRINCIPAL DE PRODUCTOS WOOCOMMERCE: CÓDIGO PRODUCTOS VARIABLES.

 

Para ello vamos a utilizar el plugin Code Snippets o cualquier otro plugin que permita insertar código PHP en tu WordPress y vamos a pegar el siguiente código:

 

/** Variaciones de productos en la página principal de la tienda **/

function change_loop_add_to_cart() {
remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 10 );
add_action( ‘woocommerce_after_shop_loop_item’, ‘template_loop_add_to_cart’, 10 );
}

add_action( ‘init’, ‘change_loop_add_to_cart’, 10 );

function template_loop_add_to_cart() {
global $product;

if ( ! $product->is_type( ‘variable’ ) ) {
woocommerce_template_loop_add_to_cart();
return;
}

remove_action( ‘woocommerce_single_variation’, ‘woocommerce_single_variation_add_to_cart_button’, 20 );
add_action( ‘woocommerce_single_variation’, ‘loop_variation_add_to_cart_button’, 20 );

woocommerce_template_single_add_to_cart();
}

function loop_variation_add_to_cart_button() {
global $product;

?>
<div class=»woocommerce-variation-add-to-cart variations_button»>
<button type=»submit» class=»single_add_to_cart_button button»><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>
<input type=»hidden» name=»add-to-cart» value=»<?php echo absint( $product->get_id() ); ?>» />
<input type=»hidden» name=»product_id» value=»<?php echo absint( $product->get_id() ); ?>» />
<input type=»hidden» name=»variation_id» class=»variation_id» value=»0″ />
</div>
<?php
}

 

Una vez instalado y activado el plugin code snippets lo único que tenemos que hacer es copiar el código, crear un nuevo snippets y pegarlo.

Hacemos clic en Guardar y activar el snippet.

 

productos variables woocommerce comprar desde portada, opciones de producto woocommerce. Woocommerce productos combinados

 

Bien si ahora vamos a la tienda y recargamos la página veremos que se han agregado las opciones para elegir el producto que queramos desde ahí mismo, sin la necesidad de entrar dentro del producto.

 

Veremos algo parecido a esto:

 

agregar variaciones de producto emn la página principal de la tienda woocommerce wordpress, productos compuestos woocommerce

ACTIVAR REDIRECCIÓN A CHECKOUT DESPUES DE COMPRA.

 

Ahora para que cuando el cliente compre un producto lo lleve directamente a la página de finalizar compra y así saltarse el paso del carrito vamos a copiar este código y lo vamos a pegar en un nuevo snippet que vamos a crear.

 

add_filter (‘add_to_cart_redirect’, ‘redirect_to_checkout’);

function redirect_to_checkout() {
global $woocommerce;
$checkout_url = $woocommerce->cart->get_checkout_url();
return $checkout_url;
}

 

Hacemos click en Guardar y activar snippet y listo.

Ahora el cliente podrá comprar productos variables desde la página principal de tu tienda de manera muy rápida y una vez seleccionado el producto lo llevará directamente a la página de check out y así nos ahorraremos unos cuántos pasos de por medio.

Si tienes cualquier duda o sugerencia lo único que tienes que hacer es dejar un comentario o enviarme un email a través del formulario de contacto y me pondré en contacto contigo lo antes posible.

Nos vemos en el siguiente tutorial.

Un saludo.

 

WOOCOMMERCE: CÓDIGO PRODUCTOS VARIABLES
4.5 (90%) 8 vote[s]