Waluta osobny styl CSS

[magisterson]

Jak zmienić kolor/rozmiar waluty na liście produktów i na stronie głównej? Chciałbym nadać jej osobny styl. W product-list.tpl wywoływany jest cały ciąg czyli cena + waluta np.: "120 zł"

<span class="price product-price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span>

Wystarczyłoby abym dodał dla "zł" osobny <span>tutaj kod dla zł</span> ale nie mogę odnaleźć w kodzie elementu który jest za to odpowiedzialny. Jakieś pomysły?

[magisterson]

podbijam pytanie

[atomek]

będziesz musiał przerobić funkcje displayPrice z klasy Tools,

przed instrukcją switch w tej funkcji dodaj

$c_char = '<span>'.$c_char.'</span>';


w podobny sposób musisz też zmienić funkcję formatCurrency w pliku /js/tools.js, i być może coś jeszcze

zmiany będą miały charakter globalny, nie testowałem jaki to będzie miało wpływ na sklep

 

[magisterson]

Dzięki. Szukałem mniej inwazyjnego rozwiązania.

Znalazłem opcję odwoływania się dowolnego fragmentu zdania przez CSS, a dokładniej (w moim przypadku) przez selektor ::nth-last-word opisane zostało to tutaj: http://stackoverflow.com/questions/9268386/css-for-changing-color-of-last-word-in-h1 oraz tutaj: https://css-tricks.com/a-call-for-nth-everything/

 

Natomiast nie chce to działać.

Niby dodałem w header.tpl odpowiedni JS, ale nie jestem w stanie pokolorować zł :/

W lokalnie utworzonym na szybko pliku *.html ta opcja działa w Prescie nie... albo coś źle robię.