Como mudar a a frase "sem estoque" para "esgotado"?

[thais]

1. Entre no cms.
2. Vá em Layout > Inserir Códigos , conforme indicado na próxima imagem:

3. No campo CSS que é último quadrinho da tela, insira o código abaixo conforme a imagem no exemplo:

.product-card__rating + .badge-dark, .product__rating + .product__out-of-stock {
font-size: 0px;
}
.product-card__rating + .badge-dark:before {
color: #fff;
background-color: #343a40;
content: 'Esgotado';
font-size: 1rem !important;
display: inline-block;
padding: .25em .4em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
}
.product__rating + .product__out-of-stock:before {
content: ‘Esgotado’;
font-weight: var(–font-bold);
font-size: var(–font-size-lg);
color: var(–warning);
}

Agora é só clicar em Publicar . Em alguns minutos a alteração será reproduzida.