Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Personalizando el botón de Añadir a carrito

9/12
Recursos

Aportes 2

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Esto es información que vale oro! Felicitaciones Cristian.

Personalizar botón “añadir carrito”

Para eliminar el carrito por defecto de woocommerce y agregar el nuestro con diseño personalizado debemos revisar el action que se encarga de traer el carrito y observar las funciones que lo componen:

/**
 * Hook: woocommerce_after_shop_loop_item.
 *
 * @hooked woocommerce_template_loop_product_link_close - 5
 * @hooked woocommerce_template_loop_add_to_cart - 10
 */

do_action( 'woocommerce_after_shop_loop_item' );

Indica que está compuesta por dos funciones una para cerrar el link y otra agrega el carrito, que en este caso necesitamos remover aquella acción. functions.php

remove_action("woocommerce_after_shop_loop_item", "woocommerce_template_loop_add_to_cart", 10);

ahora debemos agregar la función que muestre el carrito teniendo en cuenta que se agreguen las direcciones correspondientes a las imágenes.

function plz_add_to_cart(){
    global $product;
    ?>
        <a href="<?php echo $product->add_to_cart_url();?>" class="productos__add-to-cart">
            <img src="<?php echo get_stylesheet_directory_uri();?>/assets/img/add-to-cart.svg" alt="agragar al carrito">
         </a>
    <?php
}

add_action("woocommerce_after_shop_loop_item","plz_add_to_cart",10);