Estado de stock personalizado para productos WooCommerce en WooCommerce 4

Agregar estados de stock personalizados a productos en WooCommerce 4 es un proceso relativamente sencillo. Sin embargo, requiere modificar funciones específicas para garantizar que los estados se muestren correctamente en el frontend y backend.

Agregar estados de stock personalizados

Para agregar estados de stock personalizados, agregue el siguiente código en su archivo funciones.php:

function filter_woocommerce_product_stock_status_options( $status ) {
    // Add new statuses
    $status['pre_order'] = __('Pre Order', 'woocommerce');
    $status['contact_us'] = __('Contact us', 'woocommerce');

    return $status;
}
add_filter( 'woocommerce_product_stock_status_options', 'filter_woocommerce_product_stock_status_options', 10, 1 );

Este código agrega dos nuevos estados: "Pedido anticipado" y "Contáctenos".

Mostrando stock personalizado Disponibilidad

Para garantizar que los estados personalizados se muestren correctamente en la interfaz, aplique los siguientes cambios:

// Availability text
function filter_woocommerce_get_availability_text( $availability, $product ) {
    // Get stock status
    switch( $product->get_stock_status() ) {
        case 'pre_order':
            $availability = __( 'Pre Order', 'woocommerce' );
            break;
        case 'contact_us':
            $availability = __( 'Contact us', 'woocommerce' );
            break;
    }

    return $availability;
}
add_filter( 'woocommerce_get_availability_text', 'filter_woocommerce_get_availability_text', 10, 2 );

// Availability CSS class
function filter_woocommerce_get_availability_class( $class, $product ) {
    // Get stock status
    switch( $product->get_stock_status() ) {
        case 'pre_order':
            $class = 'pre-order';
            break;
        case 'contact_us':
            $class = 'contact-us';
            break;
    }

    return $class;
}
add_filter( 'woocommerce_get_availability_class', 'filter_woocommerce_get_availability_class', 10, 2 );

Mostrar el estado del stock en la lista de productos de administración

Para mostrar estados de stock personalizados en la lista de productos de administración tabla, modifique la siguiente función:

// Admin stock html
function filter_woocommerce_admin_stock_html( $stock_html, $product ) {
    // Simple
    if ( $product->is_type( 'simple' ) ) {
        // Get stock status
        $product_stock_status = $product->get_stock_status();
    // Variable
    } elseif ( $product->is_type( 'variable' ) ) {
        foreach( $product->get_visible_children() as $variation_id ) {
            // Get product
            $variation = wc_get_product( $variation_id );

            // Get stock status
            $product_stock_status = $variation->get_stock_status();
        }
    }

    // Stock status
    switch( $product_stock_status ) {
        case 'pre_order':
            $stock_html = '<mark class="pre-order" style="background:transparent none;color:#33ccff;font-weight:700;line-height:1;">' . __( 'Pre order', 'woocommerce' ) . '</mark>';
            break;
        case 'contact_us':
            $stock_html = '<mark class="contact-us" style="background:transparent none;color:#cc33ff;font-weight:700;line-height:1;">' . __( 'Contact us', 'woocommerce' ) . '</mark>';
            break;
    }

    return $stock_html;
}
add_filter( 'woocommerce_admin_stock_html', 'filter_woocommerce_admin_stock_html', 10, 2 );

Opcional: usar estados de stock personalizados en ganchos

Puedes usar estados de stock personalizados en ganchos cuando tienes acceso al objeto $product o puedes usar $product global.

Nota:

• Utiliza $product global cuando no tengas acceso a el objeto $product, como en los ganchos woocommerce_shop_loop_item_title y woocommerce_single_product_summary.
• Acceda al objeto $product si se pasa de forma predeterminada a la función de devolución de llamada, como en el gancho woocommerce_get_price_html.