Woocomerce : Muestre los botones "Agregar al carrito" y "Leer Mas"

Fecha Publicación:       18 de Abril de 2024
Fecha Modificación:       18 de Abril de 2024

Muestre los botones "Agregar al carrito" y "Leer más" en la página de la tienda de productos de WooCommerce

Pegar el codigo en tu archivo functions.php :

Codigo :

function woocommerce_template_loop_add_to_cart() {
    global $product;
    
    $defaults = array(
        'quantity'   => 1,
        'class'      => implode(
            ' ',
            array_filter(
                array(
                    'button',
                    'product_type_' . $product->get_type(),
                    $product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' : '',
                    $product->supports( 'ajax_add_to_cart' ) && $product->is_purchasable() && $product->is_in_stock() ? 'ajax_add_to_cart' : '',
                )
            )
        ),
        'attributes' => array(
            'data-product_id'  => $product->get_id(),
            'data-product_sku' => $product->get_sku(),
            'aria-label'       => $product->add_to_cart_description(),
            'rel'              => 'nofollow',
        ),
    );

    $args = apply_filters( 'woocommerce_loop_add_to_cart_args', wp_parse_args( $args, $defaults ), $product );

    $link = apply_filters( 'woocommerce_loop_product_link', get_the_permalink(), $product );
    echo '<div class="woocommerce-LoopProduct-buttons-container">';
        if ( $product->is_purchasable() ) {
            echo '<a href="' . esc_url( $link ) . '" class="button button--read-more">'.__( 'Read more', 'woocommerce' ).'</a>';
        }
        echo apply_filters(
            'woocommerce_loop_add_to_cart_link', // WPCS: XSS ok.
            sprintf(
                '<a href="%s" data-quantity="%s" class="%s" %s>%s</a>',
                esc_url( $product->add_to_cart_url() ),
                esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
                esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
                isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
                esc_html( $product->add_to_cart_text() )
            ),
            $product,
            $args
        );

    echo '</div>';
}

Estilos Css

.button {
        margin: 5px 15px;
        & ~ a[href^="http"] {
            display: none;
        }
      }

 

Referencia:

https://wordpress.stackexchange.com/questions/384614/display-add-to-basket-and-read-more-buttons-in-the-products-shop-page-with-w

 

Articulo : 754 - Veces Leidas
Compartir Articulo:

Artículos Relacionados

×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web