El fragmento de esta semana se trata de la página del carrito (tiempo perfecto, ya que en unos días ejecutaré una clase gratuita en «Cómo personalizar la página del carrito de WooCommerce«).
Hoy nos centraremos en la sección «Puede estar interesado en …», también llamada el área de «Ventas cruzadas». Si un producto que se encuentra en el CART tiene ventas cruzadas (editar productos> datos del producto> productos vinculados), esta sección aparecerá de forma predeterminada. El problema es: es bastante feo donde está ahora y distrae al usuario para identificar el botón «proceder a pagar», la CTA más importante (llamada a la acción) 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?
Fragmento completo de WooCommerce PHP: Mueve y cambie el número de columnas de ventas cruzadas @ CART Página
/** * @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 de WooCommerce PHP: Cambiar el número de columnas de ventas cruzadas @ CART Página
/** * @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 de WooCommerce PHP: Cambiar el número de vellas transversales 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; }
