How can we improve WooCommerce?

← WooCommerce

Change add to cart button and redirect to product single page

This is a bit complex for non developers but, instead adding more code I change the code and the result is the same.

See below:

Inside your plugin folder find woocommerce/templates/loop/add-to-cart.php

Firstly, backup the original file in case something goes wrong.

Secondly, open the file and replace the original code with:

<?php
/*
* Loop Add to Cart
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 1.6.4
/

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

global $product;
?>

<?php if ( ! $product->isinstock() ) : ?>

&lt;a href=&quot;&lt;?php echo apply_filters( &#39;out_of_stock_add_to_cart_url&#39;, get_permalink( $product-&gt;id ) ); ?&gt;&quot; class=&quot;button&quot;&gt;&lt;?php echo apply_filters( &#39;out_of_stock_add_to_cart_text&#39;, __( &#39;Read More&#39;, &#39;woocommerce&#39; ) ); ?&gt;&lt;/a&gt;

<?php else : ?>

&lt;?php

    $link = array(

        &#39;url&#39;   =&gt; &#39;&#39;,

        &#39;label&#39; =&gt; &#39;&#39;,

        &#39;class&#39; =&gt; &#39;&#39;

    );



    $handler = apply_filters( &#39;woocommerce_add_to_cart_handler&#39;, $product-&gt;product_type, $product );



    switch ( $handler ) {

        case &quot;variable&quot; :

            $link[&#39;url&#39;]    = apply_filters( &#39;variable_add_to_cart_url&#39;, get_permalink( $product-&gt;id ) );

            $link[&#39;label&#39;]  = apply_filters( &#39;variable_add_to_cart_text&#39;, __( &#39;Select options&#39;, &#39;woocommerce&#39; ) );

        break;

        case &quot;grouped&quot; :

            $link[&#39;url&#39;]    = apply_filters( &#39;grouped_add_to_cart_url&#39;, get_permalink( $product-&gt;id ) );

            $link[&#39;label&#39;]  = apply_filters( &#39;grouped_add_to_cart_text&#39;, __( &#39;View options&#39;, &#39;woocommerce&#39; ) );

        break;

        case &quot;external&quot; :

            $link[&#39;url&#39;]    = apply_filters( &#39;external_add_to_cart_url&#39;, get_permalink( $product-&gt;id ) );

            $link[&#39;label&#39;]  = apply_filters( &#39;external_add_to_cart_text&#39;, __( &#39;Read More&#39;, &#39;woocommerce&#39; ) );

        break;

        default :

            if ( $product-&gt;is_purchasable() ) {

                $link[&#39;url&#39;]    = apply_filters( &#39;add_to_cart_url&#39;, get_permalink( $product-&gt;id ) );

                $link[&#39;label&#39;]  = apply_filters( &#39;add_to_cart_text&#39;, __( &#39;See details&#39;, &#39;woocommerce&#39; ) );

                $link[&#39;class&#39;]  = apply_filters( &#39;add_to_cart_class&#39;, &#39;add_to_cart_button&#39; );

            } else {

                $link[&#39;url&#39;]    = apply_filters( &#39;not_purchasable_url&#39;, get_permalink( $product-&gt;id ) );

                $link[&#39;label&#39;]  = apply_filters( &#39;not_purchasable_text&#39;, __( &#39;Read More&#39;, &#39;woocommerce&#39; ) );

            }

        break;

    }



    echo apply_filters( &#39;woocommerce_loop_add_to_cart_link&#39;, sprintf(&#39;&lt;a href=&quot;%s&quot; rel=&quot;nofollow&quot; data-product_id=&quot;%s&quot; data-product_sku=&quot;%s&quot; class=&quot;%s button attachment-shop_catalog_%s&quot;&gt;%s&lt;/a&gt;&#39;, esc_url( $link[&#39;url&#39;] ), esc_attr( $product-&gt;id ), esc_attr( $product-&gt;get_sku() ), esc_attr( $link[&#39;class&#39;] ), esc_attr( $product-&gt;product_type ), esc_html( $link[&#39;label&#39;] ) ), $product, $link );      

?&gt;

<?php endif; ?>

Where you see 'See details', is the new text on the button and when you click on, the link will point to the product page instead to add to the cart.

The trick is here:

I replaced 'button producttype' for 'button attachment-shopcatalog' on here:

echo applyfilters( 'woocommerceloopaddtocartlink', sprintf('<a href="%s" rel="nofollow" data-productid="%s" data-productsku="%s" class="%s button attachment-shopcatalog%s">%s</a>', escurl( $link['url'] ), escattr( $product->id ), escattr( $product->getsku() ), escattr( $link['class'] ), escattr( $product->producttype ), eschtml( $link['label'] ) ), $product, $link );

and on this line:

$link['url'] = applyfilters( 'addtocarturl', escurl( $product->addtocarturl() ) );

replaced for

$link['url'] = applyfilters( 'addtocarturl', get_permalink( $product->id ) );

That's it.

Works perfectly well without adding any extra code.

7 votes
Vote

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
You have left! (?) (thinking…)
fernandofas shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

1 comment

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Rob commented  ·   ·  Flag as inappropriate

    worked great, but will this be overwritten in a woocommerce update? I tried putting it in child-theme/woocommerce/templates/loop/add-to-cart.php but that didn't work.

    How else can I make sure this doesn't get overwritten in a woocommerce update?

WooCommerce: Category - Core

Categories

Feedback and Knowledge Base

(thinking…)