Saltar al contenido
themeforge
ES
Empieza gratis
Menú
  1. Inicio
  2. Referencia de atributos
  3. wp="product-price"
Básico Tienda

El precio de un producto, con precio rebajado

wp="product-price"

El precio de WooCommerce y, durante una oferta, el precio nuevo junto al anterior tachado. El dueño de la tienda los define en el producto.

Dónde va

Tres bloques juntos: wp="product-price" (el precio sin oferta), wp="product-price-sale" y wp="product-price-regular" (solo se muestran durante una oferta). El tema oculta los que no corresponden.

En la página del producto (single-product.html) y en las tarjetas del catálogo.

Ejemplo: una bolsa de café en grano

Marcado 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>
En el panel Products → Edit product
Regular price ($) 14.00
Sale price ($) 12.00
En el sitio durante una oferta
Ethiopia Yirgacheffe
Sale $12.00
Was $14.00

Durante una oferta, el bloque del precio normal se oculta solo.

Lo importante

  • Necesita WooCommerce.
  • En un producto con variaciones, el tema actualiza el precio cuando el comprador elige una.

Errores frecuentes

El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.

Así no
<div class="price" wp="product-price">$14.00</div>

Solo product-price: un producto en oferta no muestra ningún precio, y el registro no dice nada.

Así sí
<div wp="product-price">$14.00</div>
<div wp="product-price-sale">$12.00</div>
<div wp="product-price-regular">$14.00</div>

Los tres juntos.

Escritura alternativa

wp="product_price" funciona igual: la generación da un tema idéntico.

Se usa en recetas

Cuando quieras

Mira el panel de WordPress de tu sitio antes de pagar.