Anpassa stilar för varukorgsverifieringsskriptet

Om standardmeddelandet i Cart Verification Script inte stämmer överens med din butiks utseende kan du anpassa det med CSS.

CSS-selektorer

Använd dessa selektorer för att styla verifieringsmeddelandet:

• sesami-warning-list — behållaren för alla varningsmeddelanden

• sesami-warning-item — varje enskilt varningsmeddelande

Exempel

Vit bakgrund med maxbredd

sesami-warning-list {
    background: #FFF;
    max-width: 400px;
}

Mörkt tema (svart bakgrund, vit text)

sesami-warning-list {
    background: #000;
    color: #FFF;
    max-width: 400px;
}

sesami-warning-item {
    color: #FFF;
}

Var du lägger till CSS:en

Lägg till din anpassade CSS i ditt Shopify-tema:

1. Gå till Shopify-admin > Webbutik > Teman > Anpassa

2. Öppna Temainställningar (kugghjulsikon)

3. Hitta Anpassad CSS avsnittet (eller lägg till ett anpassat CSS-block)

4. Klistra in dina stilar och spara

Behöver du hjälp?

Om du inte känner dig bekväm med att redigera CSS, kontakta oss på [e-mail] med din önskade stil (beskriven eller som en designfil) så ordnar vårt team det åt dig utan extra kostnad (endast betalda abonnemang).

Relaterat

• Script för varukorgsverifiering — hur skriptet fungerar och hur du aktiverar det