Основное Магазин
Цена товара и цена со скидкой
wp="product-price" Цена из WooCommerce, а во время скидки — новая цена рядом с зачёркнутой старой. Владелец магазина задаёт их в товаре.
Куда ставить
Три блока рядом: wp="product-price" (цена без скидки), wp="product-price-sale" и wp="product-price-regular" (видны только во время скидки). Лишние тема скрывает сама.
На странице товара (single-product.html) и в карточках каталога.
Пример: пачка кофейных зёрен
Вёрстка single-product.html
<div class="price-row">
<div class="price" wp="product-price">$14.00</div>
<div class="price is--sale" wp="product-price-sale">$12.00</div>
<div class="price is--old" wp="product-price-regular">$14.00</div>
</div>В админке Products → Edit product
Regular price ($) 14.00
Sale price ($) 12.00
На сайте во время скидки
Ethiopia Yirgacheffe
Sale $12.00
Was $14.00
Во время скидки блок обычной цены скрывается сам.
Что важно
- Нужен WooCommerce.
- У товара с вариантами тема обновляет цену, когда покупатель выбирает вариант.
Частые ошибки
Журнал сборки — вкладка «Логи» вашего проекта на themeforge.pro; те же замечания показывает бесплатная проверка разметки.
Так не надо
<div class="price" wp="product-price">$14.00</div>Только product-price: у товара со скидкой цены не видно вовсе, журнал молчит.
Так правильно
<div wp="product-price">$14.00</div>
<div wp="product-price-sale">$12.00</div>
<div wp="product-price-regular">$14.00</div>Все три рядом.
Альтернативная запись
wp="product_price" работает так же: сборка даёт одинаковую тему.