Основне Магазин
Ціна товару і ціна зі знижкою
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" працює так само: тема збирається однаковою.