Shoptet nabízí možnost vytvořit si vlastní příznaky a nastavit si libovolnou barvu, avšak existují 3 systémové příznaky, kterým barva v nastavení bohužel nastavit nelze, nebo?
Jde to změnit velmi jednoduchým CSS kódem, který vám dám přímo zde. Takto vypadají příznaky ve výchozím stavu:
Jak to funguje?
- celý kód musíte obalit značkami, na začátku <style> a na konci </style> – mezi vkládáte kódy, viz. ukázkový obrázek přímo ze Shoptetu níže
- barvu si můžete vybrat v tzv. color pickeru, buď máte možnost si nástroj sami vygooglit nebo níže na stránce je přímo možnost si barvu vybrat a zkopírovat si kód ve formátu #123456 – standardně 6-ti místný kód plus mřížka na začátku, konkrétně HEX
- za barvu nezapomeňte vložit koncový středník ;
- kód vkládáte v sekci Vzhled a obsah -> Editor -> záložka HTML kód a vkládáte do Záhlaví (první editor)
1) příznak Akce
- původní červená barva příznaku je #e94b4b
- vámi vybranou barvu potom nastavíte tímto kódem, já pro ukázku zvolil černou:
<style>
/*
Vlastní barva pro příznak Akce
*/
span.flag.flag-action{
background-color: #000;
}
<style>
2) příznak Novinka
- původní zelená barva příznaku je #7ad046
- vámi vybranou barvu potom nastavíte tímto kódem, já pro ukázku zvolil oranžovou:
<style>
/*
Vlastní barva pro příznak Novinka
*/
span.flag.flag-new{
background-color: #ffb900;
}
<style>
2) příznak Tip
- původní modrá barva příznaku je #59d6e4
- vámi vybranou barvu potom nastavíte tímto kódem, já pro ukázku zvolil fialovou:
<style>
/*
Vlastní barva pro příznak Tip
*/
span.flag.flag-tip{
background-color: #d900ff;
}
<style>