Plugin woocommerce botón personalizado del carrito de producto

Descripción

Plugin de woocommerce botón de carrito de producto

1. Objetivo general

Permite personalizar gráfica y funcionalmente los dos botones clave de WooCommerce en la ficha de producto:

1. El botón “Añadir al carrito”

2. El botón “Ver mi carrito” (agregado a la derecha del botón “Añadir al carrito”)

Todas las opciones son accesibles directamente a través del Customizer de WordPress, sin tocar el código de tu tema.

2. Personalización del botón “Añadir al carrito”

Integrada en el encabezado de cada página de producto, esta funcionalidad inyecta CSS en línea para adaptar instantáneamente la renderización:

• Texto del botón
  – Modificar la etiqueta predeterminada “Añadir al carrito”

• Colores
  – Color de fondo
  – Color del texto

• Borde
  – Estilo (none, solid, dotted, dashed)
  – Grosor (px)
  – Color

• Esquinas redondeadas
  – Radio de cada esquina (superior izquierda, superior derecha, inferior derecha, inferior izquierda)

• Sombra
  – Desplazamiento X / Y (px)
  – Desenfoque (px)
  – Color de la sombra

• Animaciones CSS (opciones en el Customizer)
  – shake : ligero movimiento horizontal
  – zoom : efecto de zoom/pulsación
  – cartoon : cambio cíclico de color de fondo
  – random : selección aleatoria entre los tres anteriores

Todos estos estilos se aplican a través de un solo <style> inyectado en wp_head, garantizando un impacto mínimo en el rendimiento.

3. Adición del botón “Ver mi carrito”

Posicionado inmediatamente después del botón “Añadir al carrito” gracias al hook woocommerce_after_add_to_cart_button, este segundo botón :

• Redirige a la página del carrito (wc_get_cart_url())

• Texto modificable (por defecto “Ver mi carrito”)

• Colores
  – Fondo
  – Texto

• Borde
  – Estilo, grosor, color

• Esquinas redondeadas (individuales)

• Sombra proyectada (desplazamiento X/Y, desenfoque, color)

• Margen izquierdo predefinido para espaciar del botón principal

4. Interfaz de configuración (Customizer)

Una sección única “Personalización de Botones WC” agrupa todos los ajustes :

1. Parámetros “Añadir al carrito”

2. Parámetros “Ver mi carrito”

Para cada grupo :

• add_setting() + add_control() (tipo texto, color, select, número)

• Validación mediante sanitize_text_field, sanitize_hex_color, absint

5. Compatibilidad y buenas prácticas

• Versión mínima requerida : WooCommerce 3.0+

• Temas : compatible con la mayoría de los temas (Storefront, Astra, OceanWP, …)

• Rendimiento :

  • Código PHP ligero, sin dependencias externas

  • CSS inline limitado solo a páginas de producto

• Mantenimiento :

  • Versión actual : 1.5

  • Traducible a través del dominio de texto killerdev98-wc-custom-button

6. Casos de uso típicos

• Branding fuerte : adaptar los colores del botón a los visuales de su tienda.

• Efecto de llamada a la acción : agregar una animación “shake” para subrayar el botón.

• Recorrido de usuario rápido : ofrecer desde la ficha del producto acceso directo al carrito.

• Uniformidad gráfica : definir una forma y sombra coherentes para todos los botones.

Este plugin ofrece así un control total, de manera sencilla, sobre la apariencia y el comportamiento de los botones principales de su catálogo de productos WooCommerce.

Plugin woocommerce botón personalizado del carrito de producto decostickerstore