WooCommerce Snippet: Cambiar el texto «Añadir al carrito»

WooCommerce Snippet- Cambiar el texto -Añadir al carrito-

Continuamos con los Snippets para WooCommerce y es que hay muchísimas cosas que se pueden modificar para dejarlo o adaptarlo a nuestras necesidades y gustos.

En este caso vamos a modificar el texto que aparece en el botón «Añadir al carrito» tanto en la lista de categorías de productos como en la página de producto simple. Si, son dos cosas diferentes y debemos utilizar dos hooks diferentes aunque la función sea la misma.

Y para ver lo que vamos a hacer, os pongo un par de imágenes a continuación con el «antes» y el «después«:

Para el caso de las lista de productos:

WC Snippet - cambiar texto -Añadir al carrito-

Y para el caso de las página de producto:

WC Snippet - cambiar texto -Añadir al carrito- - 02

Se ve claro, verdad?

No, si ya digo yo que a veces una imagen vale más que mil palabras. Vale, que no me lo he inventado yo, pero se entiende…

Bien, comenzamos y como siempre lo hacemos recurriendo al hook que necesitamos. Bueno, a los hooks, porque en este caso vamos a utilizar dos hooks. Uno para el listado de productos y otro para las páginas de producto.

Para las paginas de listado de productos utilizaremos el siguiente hook:

woocommerce_product_add_to_cart_text

Y para las páginas de producto el siguiente:

woocommerce_product_single_add_to_cart_text

Y ahora, como ya sabemos de otras veces, creamos los filters asi:

add_filter( 'woocommerce_product_add_to_cart_text', 'oaf_wc_change_add_to_cart_text' );

add_filter( 'woocommerce_product_single_add_to_cart_text', 'oaf_wc_change_add_to_cart_text' );

Hasta aquí nada del otro mundo, simplemente hemos utilizado un par de hooks.

Ahora procedemos a crear la función que se ejecutará en estos filters.

Seguro que te has dado cuenta que el la función es la misma, verdad? No pasa nada, el proceso que tenemos que hacer en ambos hooks es el mismo por lo que no necesitamos crear dos funciones diferentes.

Pues bien, creamos la función:

function oaf_wc_change_add_to_cart_text() {
  
  return __('¡Comprar Ya!', 'woocommerce');
}

Si, ya, no tiene nada del otro mundo pero es que es así.

Simplemente modificamos el texto.

Hemos utilizado la función de traducción.

A continuación pongo el código completo de este Snippet:

Pues ya está.

Espero que os sea de utilidad y recordad que este Snippet lo podéis incluir en el fichero «functions.php» de vuestro Tema o crear vuestro propio Plugin para el.

Cualquier duda me la podéis comentar a través del formulario de contacto o dejándome un comentario en este artículo.

Venga, seguimossss!

1 comentario en «WooCommerce Snippet: Cambiar el texto «Añadir al carrito»»

  1. Hola Oscar buenos días, felicitaciones por el blog para todos los gustos con los códigos y para entretenerse para rato. Esta leyendo atento este articulo y tratando de implementarlo en mi web, y ahì donde querìa consultarte. Como le agrego a este código el carrito (icono) adelante en la palabra «Agregar al Carrito»? Subo el icon a la biblioteca y lo agrego el url de la imagen junto a la palabra «Agregar al carrito»? Bueno espero quede clara la consulta. Te agradezco por la ayuda y seguir explorando todos inmenso mundo. Gracias Gabriel

    Responder

Deja un comentario