Etiqueta: 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:

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

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!