Víctor Sánchez Sosa

Hi Glen.

It works fine now with this CSS.

Thank you.

Hi Jonayed.

I found a solution that works for me.

I have adapted this snippet with Woodmart hooks and it works.

This is the original snippet:

add_action( 'woocommerce_after_shop_loop_item_title', 'mostrar_estado_stock_en_listados', 20 );

function mostrar_estado_stock_en_listados() {
    global $product;

    if ( ! is_a( $product, 'WC_Product' ) ) return;

    $has_stock = false;

    if ( $product->is_type( 'variable' ) ) {
        // Para productos variables: revisar variaciones
        $variations = $product->get_children();
        foreach ( $variations as $variation_id ) {
            $variation = wc_get_product( $variation_id );
            if ( $variation && $variation->is_in_stock() ) {
                $has_stock = true;
                break;
            }
        }
    } else {
        // Para productos simples y otros tipos
        $has_stock = $product->is_in_stock();
    }

    echo '<p class="custom-stock-status" style="color:' . ( $has_stock ? 'green' : 'red' ) . ';">' .
        ( $has_stock ? 'Hay stock' : 'Próximamente/bajo pedido' ) .
        '</p>';
}

This is adpated one:

add_action( 'woocommerce_after_shop_loop_item_title', 'mostrar_estado_stock_en_listados', 5 );

function mostrar_estado_stock_en_listados() {
    global $product;

    if ( ! is_a( $product, 'WC_Product' ) ) return;

    $has_stock = false;

    if ( $product->is_type( 'variable' ) ) {
        foreach ( $product->get_children() as $variation_id ) {
            $variation = wc_get_product( $variation_id );
            if ( $variation && $variation->is_in_stock() ) {
                $has_stock = true;
                break;
            }
        }
    } else {
        $has_stock = $product->is_in_stock();
    }

    echo '<p class="custom-stock-status ' . ( $has_stock ? 'in-stock' : 'out-of-stock' ) . '">' .
    esc_html( $has_stock ? '✔ En stock' : 'Próximamente/bajo pedido' ) .
    '</p>';

}

And it works for now.

Hello there,

Now it works fine, thank you so much.

I have deactivated all plugins and activated default theme and this css still working. I want this display block if possible.

Regards