WooCommerce: mover y cambiar el número de ventas cruzadas en la página del carrito

El fragmento de esta semana trata sobre la página del carrito (el momento perfecto, ya que en unos días daré una clase gratuita sobre » Cómo personalizar la página del carrito de WooCommerce «).

Hoy nos centraremos en la sección “Le puede interesar…”, también llamada área de “Ventas cruzadas”. Si un producto que está en el carrito tiene ventas cruzadas (Editar producto > Datos del producto > Productos vinculados), esta sección aparecerá por defecto. El problema es que es bastante feo donde está ahora y distrae al usuario de identificar el botón «Continuar con el pago», el CTA (llamado a la acción) más importante de la página del carrito.

Entonces, ¿cómo puedo moverlo DEBAJO de los totales del carrito y hacer que el diseño sea un poco más limpio?

WooCommerce: mueve la sección "También te puede interesar..." en Totales del carrito
WooCommerce: mueva la sección «También puede estar interesado en …» en Totales del carrito

Fragmento PHP completo de WooCommerce: mover y cambiar el número de columnas de ventas cruzadas en la página del carrito

/**
* @snippet Move & Change Number of Cross-Sells @ WooCommerce Cart
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=20449
* @author Rodolfo Melogli
* @testedwith WooCommerce 2.6.2
*/
 
 
// ---------------------------------------------
// Remove Cross Sells From Default Position
 
remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );
 
 
// ---------------------------------------------
// Add them back UNDER the Cart Table
 
add_action( 'woocommerce_after_cart_table', 'woocommerce_cross_sell_display' );
 
 
// ---------------------------------------------
// Display Cross Sells on 3 columns instead of default 4
 
add_filter( 'woocommerce_cross_sells_columns', 'bbloomer_change_cross_sells_columns' );
 
function bbloomer_change_cross_sells_columns( $columns ) {
return 3;
}
 
 
// ---------------------------------------------
// Display Only 3 Cross Sells instead of default 4
 
add_filter( 'woocommerce_cross_sells_total', 'bbloomer_change_cross_sells_product_no' );
  
function bbloomer_change_cross_sells_product_no( $columns ) {
return 3;
}

Fragmento PHP de WooCommerce: cambiar el número de columnas de ventas cruzadas en la página del carrito

/**
* @snippet Change Number of Cross-Sells Columns @ WooCommerce Cart
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=20449
* @author Rodolfo Melogli
* @testedwith WooCommerce 2.6.2
*/
 
 
// ---------------------------------------------
// Display Cross Sells on 2 columns instead of default 4
 
add_filter( 'woocommerce_cross_sells_columns', 'change_cross_sells_columns' );
 
function change_cross_sells_columns( $columns ) {
return 2;
}

Fragmento PHP de WooCommerce: cambiar el número de ventas cruzadas en la página del carrito

/**
* @snippet Change Number of Cross-Sells @ WooCommerce Cart
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=20449
* @author Rodolfo Melogli
* @testedwith WooCommerce 2.6.2
*/
 
 
// ---------------------------------------------
// Display Only 2 Cross Sells instead of default 4
 
add_filter( 'woocommerce_cross_sells_total', 'bbloomer_change_cross_sells_product_no' );
  
function bbloomer_change_cross_sells_product_no( $columns ) {
return 2;
}

Deja un comentario