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].
brasofilo
¡Gran mejora! Por favor, deja los pasos de tu primer borrador en tu respuesta. Son útiles.
fuxia
Actualicé el enlace de respuesta para los hooks de WooCommerce para más información
Ravinder Kumar
@bungeshea gracias por corregirme. La próxima vez tendré más cuidado con el formato de las respuestas.
Ravinder Kumar