FROM CACHE - it_header

Problem "Sold out" banner on product image

Problem "Sold out" banner on product image

FedericaFD
Turista
8 0 1

Ciao!

 

Avrei un problema con un banner che sto cercando di inserire nel mio sito per quanto riguarda il "sold-out". Dovrei creare un banner come questo con scritta "esaurito"

FedericaFD_0-1712736144379.jpeg

 

Sono riuscita a creare questo codice .css

.grid-product__tag.grid-product__tag--sold-out{
position: absolute;
top: 35%;
left: 0;
background: #000000a8;
width: 100%;
color: #fff !important;
text-transform: uppercase;
text-align: center;
font-size: 16px;
letter-spacing: 2px;
z-index: 99;
padding: 8px 0;
}

 

FedericaFD_1-1712736144367.jpeg

 

 

 

e questo codice html:

FedericaFD_2-1712736144502.jpeg

 

Il problema sarebbe questo, il banner con scritta "esaurito" non rimane sopra la foto, ma qualsiasi finestra io apra viene "sovrascritta" da quel banner. Qualcuno può spiegare il motivo e aiutarmi con il codice?

 

FedericaFD_3-1712736144377.jpeg

Grazie

2 RISPOSTE 2

PurplePartner
Shopify Partner
189 17 32

Salve @FedericaFD,

 

Grazie per essere parte della Community di Shopify. Parlo anche italiano e vorrei aiutarti a correggere questo codice. Devo prima controllare il tuo online store e vedere che tema stai usando. Potrebbe andare bene?

Did you find my response useful? Mark it as "Accepted solution" so others can see it, or just like it.
FedericaFD
Turista
8 0 1

Ciao,

utilizzo il tema "Impulse" https://effediboutique.com/