how to add buy now button beside add to cart button on homescreen products

Hello,

Unfortunately, “Buy now” button cannot be added to the product archive pages. It can be added to a single product only.

Here is the manual:
https://xtemos.com/docs-topic/buy-now-button/

Alternatively, try to use the quick feature of our theme. Navigate to Theme Settings > Shop > Variable Products > Quick Shop.

Best Regards.

Hello,

Please remove the previous code and add the following code in the functions.php file in your child theme.

function add_buy_now_button_on_shop_page() {
    // get the product ID
    $product_id = get_the_ID();
    
    // get the product based on the ID
    $product = wc_get_product($product_id);
    
    // get the "Checkout Page" URL
    $checkout_url = WC()->cart->get_checkout_url();
    
    // check if product type is simple or variable
    if ($product->is_type('simple')) {
        echo '<a href="' . $checkout_url . '?add-to-cart=' . $product_id . '" class="buy-now button">Buy Now</a>';
    } elseif ($product->is_type('variable')) {
        echo '<a href="' . get_permalink($product_id) . '" class="buy-now button">Buy Now</a>';
    }
}

add_action('woocommerce_after_shop_loop_item', 'add_buy_now_button_on_shop_page');

Best Regards.

Hello,

Please remove the previous code and add the following code in the functions.php file in your child theme.

function add_buy_now_button_on_shop_page() {
    // Get the product ID
    $product_id = get_the_ID();
    
    // Get the product based on the ID
    $product = wc_get_product($product_id);
    
    // Get the "Checkout Page" URL
    $checkout_url = wc_get_checkout_url();
    
    // Check if product type is simple or variable
    if ($product->is_type('simple')) {
        // Directly add to cart and redirect to checkout
        echo '<a href="' . $checkout_url . '?add-to-cart=' . $product_id . '" class="buy-now button">Buy Now</a>';
    } elseif ($product->is_type('variable')) {
        // Redirect to the product page for variable products
        echo '<a href="' . get_permalink($product_id) . '" class="buy-now button">Buy Now</a>';
    }
}

add_action('woocommerce_after_shop_loop_item', 'add_buy_now_button_on_shop_page');

To style the button, you can add custom CSS in Theme Settings > Custom CSS:

.buy-now.button {
    background-color: #ff6600; /* Change button background color */
    color: #fff; /* Change button text color */
    padding: 10px 20px; /* Change button padding */
    border-radius: 5px; /* Add border radius */
    border: 2px solid #ff6600; /* Add border */
    text-decoration: none; /* Remove underline */
}

Best Regards.

Hello,

Sorry to say such modification requires complicated code customization which is not covered by our support.

You need to find a third party plugin to achieve more functionality that best suits you. We have not tested such kinds of plugins, so we don’t have any detailed suggestions.

Best Regards.

Hello,

Sorry to say it requires customization and beyond our support policy. Additional code customizations are out of our theme support scope.

Hope you can understand!

Best Regards.