Rozumím, to je vlastně nejchytřejší a "nejčistší" řešení! Místo teček prostě obarvíme přímo ten text. Bude to vypadat skvěle, nebude to nic rozbíjet a je to extrémně úsporné na počet znaků.
Tady je návod, jak to udělat: v CSS budeme cílit na texty, které obsahují název dané barvy. Shoptet to sice nemá úplně v základu, ale moderní prohlížeče to umí najít.
Tady je kompletní kód. Do sekce 6 jsem ti připravil hlavní barvy. Funguje to tak, že se podívá na text ve filtru a pokud je tam napsáno "ČERNÁ", obarví ho na černo atd.
HTML
Webové stránky používají k poskytování služeb, personalizaci reklam a analýze návštěvnosti soubory cookie. Informace, jak tyto stránky používáte, jsou sdíleny se společností Google. Používáním souhlasíte s použitím souborů cookie.
