Kaupan huomautuspalkin käyttäminen – WooCommerce

Artikkelin kirjoitushetkellä aletaan olemaan lähellä joulun välipäiviä ja monet verkkokaupat pitävät välipäivät lomaa. Näin ollen on herännyt kyselyitä monesta suunnasta ilmoituspalkin käyttämiseen verkkokaupassa, jossa voitaisiin asiakkaille ilmoittaa erikoisaukioloajoista ja lomista. Se on WooCommercen kanssa toimiessa helppoa hoitaa!

Näin aktivoit kaupan huomautuksen päälle omaan kauppaasi

Näin otat kaupan huomautuksen pois käytöstä

Näin muutat kaupan huomautuksen värejä ja poistat ”Piilota ilmoitus” linkin.

Jos haluat muokata ilmoituksen väriä voit sen tehdä helposti CSS koodilla joka syötetään ”Ulkoasu > Mukauta > Oma CSS kohtaan.” Tässä vielä lista erilaisista väreistä ja niiden nimistä ja koodeista mitä voit käyttää ihan oman makusi mukaan.

Tässä esimerkkinä tausta mustana ja teksti valkoisena:

.woocommerce-store-notice.demo_store {
    background-color: black;
    color: white;
}

Tässä esimerkkinä tausta punaisena ja teksti mustana:

.woocommerce-store-notice.demo_store {
    background-color: red;
    color: black
}

Jos taas haluat poistaa huomautus palkissa olevan ”Piilota ilmoitus” linkin. Voit käyttää tätä koodia.

a.woocommerce-store-notice__dismiss-link {
    display: none;
}