fbpx
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on email
Share on print
Productos Virtuales con Woocommerce

Productos Virtuales Woocommerce.

Links de Interés

1. Productos virtuales Woocommerce como suprimir campos del Checkout.

Al momento de vender productos virtuales, es importante que nuestros clientes y vistantes del sitio, se les simplifique el ingreso de datos innesesarios como son la dirección, ciudad, estado, zipcode, nombre de la empresa, ya que para un producto virtual esta información no es requerida.

En este artículo veremos como lo podemos realizar agregando algunas líneas de código PHP, al archivo functions.php de la plantilla hija del tma que estás utilizando.

/**
 * @snippet       Simplify Checkout if Only Virtual Products
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=78351
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.5.4
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */ 
add_filter( 'woocommerce_checkout_fields' , 'bbloomer_simplify_checkout_virtual' );
 
function bbloomer_simplify_checkout_virtual( $fields ) {
    
   $only_virtual = true;
    
   foreach( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
      // Check if there are non-virtual products
      if ( ! $cart_item['data']->is_virtual() ) $only_virtual = false;   
   }
     
    if( $only_virtual ) {
       unset($fields['billing']['billing_company']);
       unset($fields['billing']['billing_address_1']);
       unset($fields['billing']['billing_address_2']);
       unset($fields['billing']['billing_city']);
       unset($fields['billing']['billing_postcode']);
       unset($fields['billing']['billing_country']);
       unset($fields['billing']['billing_state']);
       unset($fields['billing']['billing_phone']);
       add_filter( 'woocommerce_enable_order_notes_field', '__return_false' );
     }
     
     return $fields;
}

2. Checkout de Woocommerce en dos Columnas con CSS.

Si el tema que estás utilizando no tiene un diseño amigable para Woocommerce y te muestra el diseño de Checkout que trae po defecto Woo, en este artítulo sabrás de una manera muy fácil como modificar el diseño agregando el siguiente CSS personalizado a tu tema, y de esta manera le darás un mejor aspecto a tu checkout sin agregar plugins.

@media (min-width: 768px){
    #customer_details{
        width: 60%;
        float: left;
      padding: 15px;
    }
    #order_review_heading{
        width: 30%;
        float: left;
    }
    #order_review{
        width: 40%;
        float: left;
        padding-right: 50px;
    }
    .woocommerce table.shop_table td{
        width: 50%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
}
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Posts Relacionados