Mensaje "Agotado" en Woocommerce
Por defecto, el mensaje de "Agotado" se muestra como una etiqueta <p>
después de la descripción del producto. ¿Cómo puedo cambiar la ubicación donde se renderiza este mensaje?

Para sobrescribir el mensaje predeterminado de "agotado" que se muestra como una etiqueta <p>
, copia:
wp-content/plugins/woocommerce/templates/single-product/add-to-cart/simple.php
a
wp-content/themes/tutema/woocommerce/single-product/add-to-cart/simple.php
Consulta editar archivos de plantilla de Woocommerce
Abre el archivo copiado. En las líneas 17 a 23 encontrarás este código:
<?php
// Disponibilidad
$availability = $product->get_availability();
if ($availability['availability']) :
echo apply_filters( 'woocommerce_stock_html', '<p class="stock ' . esc_attr( $availability['class'] ) . '">' . esc_html( $availability['availability'] ) . '</p>', $availability['availability'] );
endif;
?>
Aquí puedes cambiar la etiqueta <p>
por lo que prefieras. Por ejemplo, yo lo modifiqué a:
<?php
// Disponibilidad
$availability = $product->get_availability();
if ($availability['availability']) :
echo apply_filters( 'woocommerce_stock_html', '<div class="stock ' . esc_attr( $availability['class'] ) . '">' . esc_html( $availability['availability'] ) . '</div>', $availability['availability'] );
endif;
?>
Así que la salida fue:
<div class="stock out-of-stock">Agotado</div>
Enlaces importantes:

Ravs, la idea es "recopilamos soluciones, no enlaces". Esta guía ayudará: [respuesta].

¡Gran mejora! Por favor, deja los pasos de tu primer borrador en tu respuesta. Son útiles.

Actualicé el enlace de respuesta para los hooks de WooCommerce para más información

@bungeshea gracias por corregirme. La próxima vez tendré más cuidado con el formato de las respuestas.
