Выделяем цену товара

  • Выделяем цену товара

Иногда дизайнеры "хохмят" и требуется выделить цену, оставив собственно валюту обычным шрифтом.
На просторах форума и инета предлагают лезть в БД и вставлять в таблицу теги.... я б не стал )))

Вставим простой скриптик в footer.tpl



<script>
(function($) {
  $.fn.paintFirstWord= function(font) {
    var str = this.text();
    var splited = str.split(' ');
    var replaced = str.split(splited[0]).join('<span style = "font-weight:'+font +';">'+splited[0]+'</span>');
    this.html(replaced);
  };
  $('.price').each( function() {
$(this).paintFirstWord('700');
});
});
</script>

Немного разжую чего к чему:

font - это наша переменная которой мы что то там зададим в $(this).paintFirstWord(' что то тут свое  '); 
p.s. В моем случае это -  700


 $('.price').each( function() { - тут прописали класс в котором к первому элементу примениться наш интегрируемый стиль

p.s. В моем случае это -  .price


<span style = "font-weight:'+font +';">'+splited[0]+'</span> - тут пропишем интегрируемый стиль

p.s. В моем случае это -  font-weight:

Теперь, когда Вы разобрались со скриптом, можно дерзать))) 

А вот что требовалось и получилось у меня 


0 комментариев / Написать комментарий

Написать комментарий

Внимание: HTML не поддерживается! Используйте обычный текст!
    Бесполезно           Полезно
Captcha

Подпишитесь

Рассылаем только значимую информацию