Avisos
Vaciar todo

[Resuelto] Que aparezca AGOTADO desde el inicio  

 
Francisco
 Francisco
Reputable Member

Hola, me gustaría que me pudiera mostrar AGOTADO cuando un producto esté agotado por completo en todas sus tallas.

Por ejemplo, pongo esta blusa en trasnparencia

https://zoeandlu.com/producto/blusa-en-trasparencias-2/

Las tres tallas están agotadas, pero en el catálogo quieren que se siga mostrando el producto pero que las personas vean que está agotado.

Y lo que quiero es que sin necesidad de ingresar al producto, ya desde el catálogo general se vea agotado:

www.zoeandlu.com (es el primero en la tercera línea)

 

Gracias

 

Contenido solo visible a usuarios registrados

Respondido : 11/01/2021 6:10 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Francisco,

Especificamente lo que quieres es posible que requiera programación a medida, sin embargo he encontrado dos códigos que quedan de tu parte el si lo aplicas.

1- Muestra un texto en la lista de productos indicando que esta Agotado:

function wcbv_variation_is_active( $active, $variation ) {
if( ! $variation->is_in_stock() ) {
return false;
}
return $active;
}
add_filter( 'woocommerce_variation_is_active', 'wcbv_variation_is_active', 10, 2 );

2- Al momento de ingresar a un producto que esta agotado no es posible hacer clic en las variaciones (desactiva el mouse hover y deja el botón en gris)

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_stock', 10 );
function woocommerce_template_loop_stock() {
global $product;
if ( ! $product->managing_stock() && ! $product->is_in_stock() )
echo '<p class="stock out-of-stock">Agotado</p>';
}

La unión de ambos códigos es posible que sean algo cercano a lo que necesitas, para agregar estos puedes instalar el complemento de https://es.wordpress.org/plugins/code-snippets/, y agregarlos cada uno en un fragmento de código diferente no ambos juntos.

Un saludo 🖐️ 

Respondido : 11/01/2021 6:39 pm
Francisco me gusta

Cursos Gratuitos WordPress

Francisco
 Francisco
Reputable Member

@argenis Muchas gracias funcionó como lo quería. Excelente respuesta, clara y precisa para apoyar. Saludos.

Respondido : 22/01/2021 7:10 pm
Francisco
 Francisco
Reputable Member

me quedó sólo una duda, cómo puedo hacer que cambie el color de Agotado junto con la carita triste? Por ejemplo para que se vea Rosa Neón: #e66189

gracias.

Respondido : 22/01/2021 7:13 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Francisco,

En este caso puedes incorporar el siguiente css:

.stock.out-of-stock {
color: #e66189 !important;
}

Puedes hacerlo directamente en Apariencias > Personalizar > Css Adicional.

Un saludo 🤓 🖐️ 

Respondido : 22/01/2021 7:20 pm
Francisco me gusta
Francisco
 Francisco
Reputable Member

@argenis quedó de maravilla gracias.

Respondido : 22/01/2021 9:09 pm