Modificar el texto del botón «Añadir al Carrito» si el producto ya ha sido añadido

En este artículo, te mostramos cómo modificar el texto del botón «Añadir al carrito» en tu tienda WooCommerce mediante PHP. Utilizaremos un código que cambia el texto del botón tanto en la página de producto como en el catálogo, en caso de que el artículo ya haya sido añadido al carrito. Este enfoque mejora la experiencia del usuario al hacer más claro el estado del producto en su carrito.

<?php
/**
 * Función para cambiar el label del botón "Añadir al carrito"
 * si el producto ya ha sido añadido.
 */

/**
 * Modificamos el label en la página de producto.
 */
function bf_add_cart_label_already_single( $label ) {
    foreach ( WC()->cart->get_cart() as $cart_item_key => $values ) {
        $product = $values['data'];
        if ( get_the_ID() === $product->get_id() ) {
            $label = __( 'Añadido. ¿Añadir otro?', 'woocommerce' );
        }
    }
    return $label;
}
add_filter( 'woocommerce_product_single_add_to_cart_text', 'bf_add_cart_label_already_single' );

/**
 * Modificamos el label en el catálogo de productos.
 */
function bf_add_cart_label_already_loop( $label, $product ) {
    if ( $product->get_type() === 'simple' && $product->is_purchasable() && $product->is_in_stock() ) {

        foreach ( WC()->cart->get_cart() as $cart_item_key => $values ) {
            $_product = $values['data'];
            if ( get_the_ID() === $_product->get_id() ) {
            $label = __( 'Añadido. ¿Añadir otro?', 'woocommerce' );
            }
        }
    }
    return $label;
}
add_filter( 'woocommerce_product_add_to_cart_text', 'bf_add_cart_label_already_loop', 99, 2 );

 

¡Más Snippets, Más Opciones!

Al compartir, motivamos a más desarrolladores a contribuir. Ayúdanos a hacer de este directorio un punto de referencia en snippets.

Facebook
Twitter
LinkedIn
Telegram
WhatsApp

¿Cómo implementar este snippet en la web?

Tienes 2 opciones, una de ellas es mediante plugin y la otra pegando el código en tu web.

1. Añadir snippet con plugin

code-snippets

Code Snippets

Por Code Snippets Pro

  1. Descarga el plugin o búscalo en el repositorio de plugins de Wordpress e instálalo en tu web.
  2. En el menú lateral del Escritorio verás un nuevo enlace (Fragmetos de código). Ves a Fragmentos de código > Añadir nuevo.
  3. Se abrirá una página con un título, bloque de código, descripción y etiquetas, rellena el título con el que quieras guardarlo, ejemplo: Añadir Google Analytics.
  4. En la parte código verás que está activo PHP, ahí pega el código del snippet
  5. La descripción y las etiquetas solo son para tu información y para que luego encuentres más fácil los snippets.
  6. Publicar y activar el snippet.

2. Añadir snippet en el functions.php

Diseño web con WordPress

Accede al archivo functions.php de tu tema o tema hijo, pega el snippet y guarda el archivo.

Lo encontrarás en Apariencia > Editor de archivos de tema, pinchas sobre el enlace  functions.php y pegas el código al final del archivo.

Relacionados: