Recientemente uno de nuestros clientes nos preguntaba cómo personalizar el botón «Añadir al carro» en la página de un producto con WooCommerce, este texto personalizado debía cumplir con dos objetivos:
- Informar al usuario que un producto ya se encuentra en el carrito de compras
- Aún y cuando el producto se encuentre en el carrito, el usuario debe ser capaz de volver a añadirlo
De acuerdo con los objetivos, convenimos utilizar el texto personalizado «Ya en el carrito – ¿Añadir otra vez?«, el cual luce similar al siguiente ejemplo:
Código para personalizar el botón «Añadir al carro»
Si estás interesad@ en personalizar el botón «Añadir al carro» en tu sitio web con WordPress y WooCommerce, esto puede lograrse fácilmente utilizando un par de filtros y funciones incluidas con el plugin de comercio electrónico.
Asegúrate de copiar y pegar el siguiente código en el archivo «functions.php» del tema activo en tu sitio:
Observa que puedes editar a placer el texto personalizado (línea 13).
Al final el resultado será similar a:
mariano dice
acabo de copiar y pegar el código en functions.php en el tema pero la verdad es que no lo reconoce me sigue saliendo añadir al carrito en ese caso como debo hacer
Estella Vidal dice
Howdy Mariano,
El código funciona de forma correcta con la última versión de WooCommerce, otra publicación que puede ser de tu interés es «Cómo cambiar el texto del botón Añadir al carrito en WooCommerce«.
Saludos!
ignacio dice
Amigo Necesito ayuda.
Estoy con el plugin woocommerce version 2.2.6 Necesito poder cambiar el icono o boton donde aparece el carrito o en su defecto eliminar.
http://thumbs.subefotos.com/be6cc8fc834d397bd55295bbda7e6ef8o.jpg
Necesito poder cambiar el titulo de la seccion productos “Productos” por otro de acuerdo a mi sitio
http://thumbs.subefotos.com/d42760b9f7e0b559165cb72d55670578o.jpg
y por ultimo necesito cambiar el texto que aparece en el interior de la barra buscar.
http://thumbs.subefotos.com/08f34b3644c4cdc6d3a20afcc6ff21b1o.jpg
Y poder cambiar el orden de búsqueda en el filtro o eliminar
http://thumbs.subefotos.com/d513263d39e3fc80da4666fb7f50f8a0o.jpg
Estella Vidal dice
Hola @ ignacio,
Dependiendo del tema que utilices puedes cambiar el icono de carrito de compras vía CSS (hoja de estilos) o archivo « functions.php » del tema activo. En relación a la modificación de los textos puedes utilizar los archivos de traducción «po» y «mo» del plugin, edita a placer las paginas del sistema (/wp-admin/admin.php?page=wc-settings&tab=products) para cambiar su nombre y slug, también puedes personalizar la estructura de los enlaces permanentes (/wp-admin/options-permalink.php).
Un saludo!
rafa dice
Hola, me gustaría saber si sabéis/se puede poner otro botón de compra en una página de producto, por ejemplo, en esta página me gustaría poner el botón de compra también entre el precio y el texto inicial, no sólo al final de la review.
http://freshsmartwatch.me/tienda-smartwatch/fitness/fitbit-flex/
Sabéis si se puede hacer eso?
saludos y gracias!
danny marin dice
buenas tardes , como puedo cambiar el color del boton añadir al carrito .. ya que me toma otro diferente al que tiene el tema como tal muchas gracias
Miguel Rengel dice
Hola sera posible validar que el botón de compras desaparezca mientras el valor de un productos variable no llegue a un mínimo o cuando se pase de un maxiomo
Estella dice
Seguro que si @Miguel, tendrás que personalizar WooCommerce o crear tu propio plugin. Más información aquí, un saludo!
Cristian dice
Buenas tardes, soy nuevo en esto y acabo de instalar el plugin woocommerce en mi plantilla en wordpress, pero al ir a la pagina de «Tienda» me doy cuenta que los botones de «seleccionar opciones» y el menu desplegable «Orden predeterminado» son muy grandes y se interponen entre ellos. lo cual afecta al diseño de mi pagina y zona para los Widgets.
¿hay posibilidad de cambiar el tamaño de estos botones?
joel araujo dice
Hola, hola, llevo tiempo lleyendo su web, me gusta mucho, escribo para agradecer por compartir este post, me sirvio mucho, aunque en mi theme tuve que crear un archivo llamado custom-functions.php pero funciono al primer intento.
gracias
emilio garcia dice
Primero daros las gracias por el contenido y la ayuda que ofrecéis, me parece impresionante. Me gustaria hacer una pregunta relacionada con este post.
Como se puede cambiar en la pagina de finalizar compra el texto «detalles de facturacion» y «enviar a una direccion diferente». Imagino que es similar a el cambio de nombre de las notas que comentaste pero no se como adaptarlo
Gracias de antemano y un abrazo
Estella dice
Hola @Emilio, utiliza un plugin como «Loco Translate» para modificar a placer los textos traducidos 🙂
Diana Franov dice
Hola!
Me gustaría cambiar el color y tipografía de los botones en las páginas de la tienda para que sean de igual diseño al resto del web. Cómo puedo hacerlo?
Muchas gracias de antemano, parece que esto de woocommerce engancha, no?
Estella dice
Hola @Diana,
Puedes añadir los estilos CSS a tu tema «style.css«. Más información aquí, saludos!
Cristian dice
Hola,
No se si me podras ayudar, quiero incluir un evento de click al boton de añadir al carrito de woocomerce, la idea es que al hacer click se dispare un evento de Adwords, de manera que pueda loguear ese evento, sabes si existe algun plugin para hacer eso?
Estella dice
Te sugiero revisar un plugin como «WooCommerce AdWords Conversion Tracking» 😉
Alejandro dice
Buenas es posible en woocommerce listar precios en dólares pero que se pague en pesos???
Agradezco la mano que me puedan dar
Natalia dice
Buenos días. Es posible que el botón «Añadir a la orden» solo aparezca cuando se selecciona el producto???
Leonardo dice
Hola, primero que nada agradecer por este tipo de publicaciones que nos solucionan la vida respecto a WP y WC , tambien preguntar como puedo hacer para cambiar el nombre de el boton finalizar compra que sale en el carrito que pones con widgets en el sidebar de la tienda woocomerce, tengo el tema salient y bueno solo quiero modificar lo que dice el boton.
jose dice
Primero que nada muy buenas tardes.
¿Existe la posibilidad que el botón de carrito en vez de salir en la tienda se vea en el detalle del producto?