Перейти к содержанию
  • В связи с блокировкой банка QIWI оплата через сайт не возможна.
    Для оплаты и получения дополнений просьба писать в личные сообщения
    Admin*у
    После оплаты Вам так же будет доступно скачивание дополнений и обновлений на данном форуме

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


Рекомендуемые сообщения

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

Вставим простой скриптик в 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:

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

Ссылка на комментарий

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...