Descripción
El badge* de "agotado" le da al usuario una retroalimentación visual inmediata sobre si ya no hay un artículo, permitiendo que siga navegando o que entre a la página de producto y active una notificación para que le avise cuando esté disponible.
El badge* de "descuento" indica el porcentaje de descuento sobre el precio inicial del producto, utilizando la característica de Compare at Price*.
Máscara de Látex
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F38207918-8909-4b6a-83c4-2e56b7fa1d15%2FUntitled.png?id=89b0ba4b-9018-4702-bed5-38a7fcef9d79&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff675f1cb-7418-4f06-ad8c-a610e630bc54%2FUntitled.png?id=7d531c21-9823-43a1-8b16-aa6cab241630&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F39f46756-b96e-421b-b06f-1497d4257e6c%2FUntitled.png?id=e17332d2-bed0-4666-98ff-7163a4382e1c&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F3c437eda-7155-4a7d-a718-b5731cc30a4f%2FUntitled.png?id=845fc036-2ef5-4be6-ba1a-261408488eb0&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F04428294-40f3-4fec-ae83-fb0f9533a483%2FUntitled.png?id=ab9f4e63-b506-458a-a601-aa75231e26da&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F78ed4aab-6e3b-468a-bda4-6d9d4a30c9b4%2FUntitled.png?id=3aa6813f-13aa-4412-bf3b-9b8112ff533d&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fca1430f1-0677-4e0b-b5ee-80f3f2f8eaca%2FUntitled.png?id=372147d3-656f-4f83-9159-1544bb326304&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc5909bab-1e4b-4d14-a035-6705d3f61289%2FUntitled.png?id=3925a2d6-250e-4382-9717-579cf1d0d5a8&table=block)
The Style Rack
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F16ec9fab-fee7-4872-a68d-ae2320df8651%2FUntitled.png?id=b59d4bd6-48df-4a5c-9a00-575b1e560828&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fce770dd0-25e5-46b2-92ae-b1fce5f36aef%2FUntitled.png?id=1a87c978-871c-41f3-8c91-fce4f67c5580&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbaa6873c-f48c-48d5-8884-6c2f417a41e5%2FUntitled.png?id=5f5cdab6-3562-4d53-810c-f77ee45a8181&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F75a15426-352d-436c-bfbb-5a1ea4e66762%2FUntitled.png?id=2ff664b5-1c8a-4fbf-ae5d-4fa4e4aa4462&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5292de92-dfc6-4538-aa73-6cd342371a9f%2FUntitled.png?id=29fe7b3a-abb2-452d-9365-cfe936195936&table=block)
Glosario
Badge. Indicador o distintivo, cuya funcionalidad es llamar la atención y se utiliza para destacar descuentos, promociones, stock disponible o agotado, e inclusive cuando es un producto nuevo.
Compare at price. Comparación de precios que se puede encontrar en productos rebajados, mostrando el precio anterior y el actual para que el usuario vea inmediatamente cuánto ahorra al llevarse ese producto; es una buena práctica en e-commerce tener este tipo de indicativos en tu tienda en línea.