¿Cómo agregar la etiqueta MSRP o MAP al precio regular para clientes mayoristas?

Cuando los clientes mayoristas ven tu tienda, ven el precio minorista normal mostrado junto a su precio mayorista con descuento. Por defecto, esa cifra minorista aparece tachada y sin contexto adicional, por lo que puede que no quede claro de inmediato para tus compradores si representa el Precio de Venta Sugerido por el Fabricante (MSRP) o el Precio Mínimo Anunciado (MAP).

El fragmento de código en esta guía inyecta un pequeño bloque de CSS en tu tienda solo cuando un cliente mayorista ha iniciado sesión. Añade una etiqueta de texto plano, como "MSRP: " o "MAP: ", justo antes del precio normal tachado, y opcionalmente elimina el tachado para que la etiqueta se lea limpiamente como un precio de referencia. Los visitantes minoristas y los compradores invitados no se ven afectados en absoluto.

Requisitos

• WooCommerce Wholesale Prices Premium instalado y activado.
• Al menos un rol mayorista configurado en tu tienda. La etiqueta solo aparece para los clientes mayoristas que han iniciado sesión. Si no se asigna ningún rol mayorista a un usuario, el CSS nunca se inyecta.
• Una forma de añadir código PHP personalizado a tu sitio, ya sea el archivo functions.php de tu tema o un plugin de fragmentos de código dedicado como WPCode. Se recomienda usar un plugin de fragmentos para que tu personalización sobreviva a las actualizaciones del tema.

Añadir la etiqueta MSRP o MAP al precio normal

Copia el fragmento a continuación y añádelo a tu sitio a través del archivo functions.php de tu tema o mediante el plugin WPCode.

Cómo funciona el fragmento

Cuando WordPress carga una página, el fragmento comprueba si al visitante actual se le ha asignado un rol mayorista. La comprobación de roles devuelve una matriz de las claves de los roles mayoristas del visitante, y una matriz vacía significa que el visitante no es un cliente mayorista. Por lo tanto, si adaptas el fragmento, trata una matriz vacía como "no mayorista" y solo genera el CSS cuando la matriz no esté vacía. Cuando hay un rol mayorista presente, el fragmento genera un pequeño bloque de CSS en línea que hace dos cosas:

1. Añade el texto de la etiqueta. La regla del .amount::before { content: "MSRP: "; } inserta "MSRP: " inmediatamente antes del importe del precio dentro del elemento del precio normal tachado. WooCommerce Wholesale Prices Premium envuelve el precio minorista normal en un elemento tachado al mostrarlo junto al precio mayorista, por lo que esto se dirige exactamente al elemento correcto.
2. Elimina el tachado. La regla del.original-computed-price { text-decoration: none; } elimina el estilo de línea por defecto. El precio normal se lee entonces limpiamente como "MSRP: 55,00 €" en lugar de aparecer tachado.

Personalizar el texto de la etiqueta

Para usar una etiqueta diferente, cambia el texto dentro de content: "MSRP: "; por lo que necesites, por ejemplo content: "MAP: "; o content: "RRP: ";. Mantén el espacio final dentro de las comillas para que la etiqueta y el importe del precio no se junten.

Mantener el tachado (opcional)

Si desea la etiqueta pero prefiere mantener el tachado en el precio normal, elimine la regla del.original-computed-price del fragmento. El precio se muestra como texto tachado con su etiqueta antepuesta, por ejemplo, PVP: 100,00 $ con una línea que lo atraviesa.

Solución de problemas

La etiqueta no se muestra

Si agregó el fragmento pero la etiqueta no aparece, revise estas comprobaciones en orden:

1. Confirme que está navegando por la tienda mientras ha iniciado sesión como un usuario al que se le ha asignado un rol mayorista. El CSS solo se inyecta para los clientes mayoristas, por lo que los usuarios administradores y los clientes minoristas no verán la etiqueta.
2. Confirme que WooCommerce Wholesale Prices Premium está instalado y activado.
3. Compruebe que el fragmento se ha guardado y está activo en su plugin de fragmentos de código, o que se ha añadido al archivo functions.php correcto (el archivo de su tema activo, no el de un tema padre).
4. Borre cualquier caché de página o caché de objetos de su sitio y recargue la página del producto.
5. Inspeccione el código fuente de la página y busque el bloque <style> inyectado. Si no está presente, PHP no lo está generando, así que revise los pasos del 1 al 3. Si está presente pero la etiqueta aún no aparece, es posible que un tema o plugin esté anulando el CSS. Compruebe las herramientas de desarrollador de su navegador en busca de reglas en conflicto.

Preguntas frecuentes

¿Puedo usar "MAP: " en lugar de "PVP: "?

Sí. En el fragmento, busque la línea content: "PVP: "; y reemplace PVP por el texto que desee, como MAP, RRP, Precio de lista, etc. El único requisito es que el valor siga siendo una cadena content válida de CSS entre comillas dobles.

¿Dónde aparece la etiqueta en la tienda?

El CSS se inyecta globalmente cada vez que un cliente mayorista ha iniciado sesión, por lo que la etiqueta aparece dondequiera que WooCommerce Wholesale Prices Premium represente el precio normal dentro de un elemento tachado. Esto incluye páginas de productos individuales, páginas de archivo de tienda y categorías, y páginas de carrito y pago.

¿Verán los clientes minoristas o los visitantes invitados la etiqueta?

No. El fragmento comprueba si hay un rol mayorista antes de generar cualquier CSS. Si el visitante actual no ha iniciado sesión como cliente mayorista, no se inyectan estilos y la tienda no se modifica para él.

¿El fragmento funciona en productos variables?

Sí. El CSS se dirige al elemento tachado que WooCommerce Wholesale Prices Premium utiliza para mostrar el precio normal, que es el mismo elemento en productos simples, variables y agrupados. La etiqueta aparece en todos los tipos de productos compatibles.

¿Cuál es la diferencia entre este fragmento y la configuración "Sufijo de precio normal de anulación"?

WooCommerce Wholesale Prices incluye un campo incorporado de Sufijo de precio normal en Wholesale → Settings → Wholesale Prices → Tax. Este campo está disponible en el plugin gratuito, por lo que no necesita la versión Premium para usarlo. Ingresar un valor allí agrega texto *después* del precio normal, por ejemplo, *100,00 € PVP*. El fragmento de CSS en esta guía antepone la etiqueta *antes* del importe del precio y también puede eliminar el estilo de tachado, ofreciendo una presentación más limpia. Use la configuración incorporada cuando un sufijo simple sea suficiente. Use el fragmento cuando necesite que la etiqueta aparezca antes del precio o desee suprimir el tachado.

¿Puedo también añadir una etiqueta al precio mayorista?

Sí. El campo Sufijo de precio mayorista, que se encuentra justo debajo de Sufijo de precio normal en Wholesale → Settings → Wholesale Prices → Tax, le permite agregar texto después del precio mayorista. Por ejemplo, ingresar *Tu Precio* muestra el precio mayorista como *60,00 € Tu Precio*. Esta configuración incorporada se aplica globalmente a todos los productos y roles mayoristas.

¿La etiqueta afecta a los cálculos de precios o a los impuestos?

No. El fragmento solo inyecta CSS de presentación. No modifica ningún valor de precio, cálculo de impuestos o totales de pedido. Es puramente un cambio visual.

Ayuda y soporte

Contamos con un equipo de soporte dedicado para Wholesale Suite que conoce muy bien nuestros productos, WooCommerce y la industria. Le invitamos a aprovechar su experiencia en cualquier momento y en cualquier lugar del mundo.

Si ya es cliente, por favor, diríjase al formulario de solicitud de tickets de soporte y envíenos un mensaje.

Si eres un usuario de plugin gratuito, por favor envíanos una solicitud de soporte en el foro. Monitorizamos activamente los foros de soporte de WordPress.org para el plugin gratuito y ayudamos a nuestros usuarios allí lo mejor que podemos.