Стилями меняют, одни правила для "4", другие для "50".Получается - 4.50
Куда уж подробнее? Правила стилей сами уж добавьте, просто скопируйте со справочника по html и css.
Нормальный совет, так все и делают. Для целой части одни стили, для дробной другие. Можно конечно через javascript менять, но стилями проще и работать будет при отключеном js.
В каком файле зависит от страницы. Для карточки товара в product.tpl, для категории в product-list.tpl классы добавлять. Сами классы описывать в файле product.css или product-list.tpl соотвествено.
На главной это модули, у них другие шаблоны. В папках модулей файлы tpl нужно править.
Может поможет, у меня тоже была такая потребность. Тут на форме нашел код на javascript, который разбивает цену и меняет размер у копеек. Давно это было так что адрес не помню, но точно с этого сайта скачивал.