Как правильно выводить цену на сайте

Основные принципы отображения цен

Технические способы вывода цены

1. HTML-разметка для цен

• Использование семантического тега <span>:

  <span class="price">2 499 ₽</span>

• Микроразметка Schema.org:

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <span itemprop="price" content="2499">2 499 ₽</span>
  </div>

2. Форматирование цен в JavaScript

1. Функция форматирования:

   function formatPrice(price) { return new Intl.NumberFormat('ru-RU', { style: 'currency', currency: 'RUB' }).format(price);
   }

2. Пример использования:

   document.getElementById('price').innerText = formatPrice(2499);

Рекомендации по визуальному оформлению

Отображение различных типов цен

1. Основная цена

• Четко выделенная
• Без лишних декоративных элементов
• С указанием валюты

2. Старая цена (при скидке)

1. Перечеркнутая
2. Меньшего размера
3. Серого цвета

3. Цена со скидкой

• Яркий акцентный цвет
• Возможен значок %
• Выделение размера скидки

Форматы отображения валют

Особенности для мобильных устройств

• Увеличенный размер шрифта
• Фиксированное положение при прокрутке
• Минималистичное оформление
• Кнопка покупки рядом с ценой

Юридические требования

1. Указание полной стоимости
2. Отображение всех дополнительных платежей
3. Соблюдение закона о защите прав потребителей
4. Возможность узнать стоимость до оформления заказа

Правильное отображение цен значительно влияет на конверсию сайта. Соблюдение технических, визуальных и юридических норм позволяет создать удобный и надежный интерфейс для покупателей.