Часто на интернет-магазинах требуется отображать цены без копеек – только целые числа с пробелами между тысячами (например, 1 200 вместо 1 200.00 или 1 200,00), это улучшает читаемость и визуальное восприятие.
Ниже представлен готовый код, который легко добавить в раздел «Статистика» - «Код счётчика»
<script>
document.addEventListener("DOMContentLoaded", function() { var priceElements = document.querySelectorAll('span[data-original]');
priceElements.forEach(function(priceElement) { var priceText = priceElement.textContent.trim();
var priceWithoutCents = priceText.split(',')[0];
var formattedPrice = priceWithoutCents.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
priceElement.textContent = formattedPrice; });});
</script>
Пример работы скрипта
Цена до скрипта:
Копируем код из статьи, вставляем в раздел статистика и сохраняем:
Проверяем результат на сайте:
Что делать если этот код добавлен, а копейки все равно показываются на сайте?
Чаще всего проблема в разделителе дробной части. В примере выше используется запятая (,), но на многих сайтах цены пишутся через точку (.) – например, 1200.00. В этом случае скрипт не найдёт запятую и оставит копейки.
Найдите в коде строчку:
var priceWithoutCents = priceText.split(',')[0];
и замените запятую на точку:
var priceWithoutCents = priceText.split('.')[0];
После этого скрипт будет корректно обрезать копейки для цен вида 1200.00.
