---
title: "Magento 2: Add extra “Proceed to Checkout” Button on top of grid on shopping cart page"
url: "https://magecomp.com/blog/magento-2-add-extra-proceed-to-checkout-button-on-top-of-grid-on-shopping-cart-page/"
date: "2020-12-21T17:12:41+00:00"
modified: "2025-02-20T10:25:05+00:00"
author:
  name: "Dhiren Vasoya"
  url: "https://magecomp.com/"
categories:
  - "How To"
  - "Magento 2"
word_count: 411
reading_time: "3 min read"
summary: "Hello Magento Friends,"
description: "To quicken the checkout process, add an extra “Proceed to Checkout” button on top of the grid on the shopping cart page in Magento 2."
keywords: "How To, Magento 2"
language: "en"
schema_type: "Article"
related_posts:
  - title: "How to Filter by Multiple SKU on Admin Product Grid in Magento 2?"
    url: "https://magecomp.com/blog/filter-multiple-sku-admin-product-grid-magento-2/"
  - title: "How to Copy One Quote to Another Quote Programmatically in Magento 2?"
    url: "https://magecomp.com/blog/copy-one-quote-to-another-quote-programmatically-magento-2/"
  - title: "How to create your own SSH command in Magento 2?"
    url: "https://magecomp.com/blog/create-ssh-command-magento-2/"
---

# Magento 2: Add extra “Proceed to Checkout” Button on top of grid on shopping cart page

_Published: December 21, 2020_  
_Author: Dhiren Vasoya_  

![Magento 2: Add extra “Proceed to Checkout” Button on top of grid on shopping cart page](https://magecomp.com/blog/wp-content/uploads/2020/12/Add-extra-Proceed-to-Checkout-Button-on-top-of-grid-on-shopping-cart-page2-1024x512.webp)

**Hello Magento Friends,**

How are you all? Today I will be discussing Magento 2: Add extra “Proceed to Checkout” Button on top of grid on shopping cart page. Check out our previously published blog, Magento 2: How to Get Order Details using REST API.
[![Hire Magento Programmer](https://magecomp.com/blog/wp-content/uploads/2025/02/Hire-Magento-Programmer-CTA-5.webp)](https://magecomp.com/services/hire-magento-programmer/)

## Introduction:
In Magento, the “Proceed to Checkout” button is displayed after the order summary on the shopping cart page. Display an extra “Proceed to Checkout” button at the top of the shopping cart grid for a quick checkout process or for the added functionality. Go ahead to know the steps to Add extra “Proceed to Checkout” Button on top of grid on shopping cart page in Magento 2.
## Steps to Add extra “Proceed to Checkout” Button on top of grid on shopping cart page in Magento 2:
**Step 1:** First, go to the following path
**app/code/VENDOR/EXTENSION/view/frontend/layout/checkout_cart_index.xml**

And add the below code:
```
<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

    <body>

        <referenceContainer name="content">

            <block class="MagentoCheckoutBlockOnepageLink" name="checkout.cart.methods.onepage.top" template="VENDOR_EXTENSION::onepage/link_top.phtml" before="checkout.cart" />

        </referenceContainer>

    </body>

</page>
```

**Step 2:** Next, go to the below path
**app/code/VENDOR/EXTENSION/view/frontend/templates/onepage/link_top.phtml**

And add the below code
```
<?php

/** @var $block MagentoCheckoutBlockOnepageLink */

?>

<?php if ($block->isPossibleOnepageCheckout()) :?>

    <button type="button"

            data-role="proceed-to-checkout"

            title="<?= $block->escapeHtmlAttr(__('Proceed to Checkout Top')) ?>"

            data-mage-init='{

                "Magento_Checkout/js/proceed-to-checkout":{

                    "checkoutUrl":"<?= $block->escapeJs($block->escapeUrl($block->getCheckoutUrl())) ?>"

                }

            }'

            class="action primary checkout<?= ($block->isDisabled()) ? ' disabled' : '' ?>"

            <?php if ($block->isDisabled()) :?>

                disabled="disabled"

            <?php endif; ?>>

        <?= $block->escapeHtml(__('Proceed to Checkout Top')) ?>
    </button>

<?php endif; ?>
```

[![Magento Malware Removal](https://magecomp.com/blog/wp-content/uploads/2025/02/Magento-Malware-Removal-CTA-5.webp)](https://magecomp.com/magento-malware-removal.html)

**Step 3:** Finally, run the below commands
```
php bin/magento cache:clean

php bin/magento cache:flush
```

That’s it!
## Conclusion:
This way you can easily Add extra “Proceed to Checkout” Button on top of grid on shopping cart page in Magento 2. For any questions and difficulty, you can reach me in the comment section below. Share the solution with your friends and colleagues. Stay updated for more solutions.
[![Magento 2 Speed & Performance Optimization Services](https://magecomp.com/blog/wp-content/uploads/2025/02/Magento-2-Speed-Performance-Optimization-Services-CTA-1.webp)](https://magecomp.com/magento-performance-optimization.html)

**Happy Coding**

</body>


---

_View the original post at: [https://magecomp.com/blog/magento-2-add-extra-proceed-to-checkout-button-on-top-of-grid-on-shopping-cart-page/](https://magecomp.com/blog/magento-2-add-extra-proceed-to-checkout-button-on-top-of-grid-on-shopping-cart-page/)_  
_Served as markdown by [Third Audience](https://github.com/third-audience) v3.5.3_  
_Generated: 2026-08-13 00:41:23 UTC_