How to add a second add to cart button on woocommerce?

by darrion.kuhn , in category: PHP CMS , 6 months ago

How to add a second add to cart button on woocommerce?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

by raven_corwin , 6 months ago

@darrion.kuhn 

To add a second "Add to Cart" button on a WooCommerce product page, you can create a custom function in your theme's functions.php file. Here's how you can do it:

  1. Open your theme's functions.php file (Appearance > Theme Editor), or use a child theme for making changes to the theme files.
  2. Add the following code snippet to the functions.php file:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
// Add a second Add to Cart button on product page
add_action( 'woocommerce_after_add_to_cart_button', 'add_second_add_to_cart_button' );

function add_second_add_to_cart_button() {
    global $product;

    // Check if the product is purchasable
    if ( $product->is_purchasable() ) {
        echo '<a href="' . esc_url( $product->add_to_cart_url() ) . '" data-quantity="1" class="button alt add_to_cart_button">' . __('Add to Cart', 'woocommerce') . '</a>';
    }
}


  1. Save the changes and check your product page. You should now see a second "Add to Cart" button displayed under the original one.


Note: Make sure to test the functionality of the new button to ensure it works as expected. You may need to adjust the layout or styling of the button to fit your theme's design.