Magento – Magento 2: how can i clear cart using javascript

You may also like to do that by creating an extension that consists of Block, Controller, XML, Model and Template with very little logic inside.

So let’s start with XML (config.xml):

<config>
<modules>
    <Inchoo_EmptyCart>
        <version>0.1.0</version>
    </Inchoo_EmptyCart>
</modules>
<global>
    <models>
        <emptycart>
            <class>Inchoo_EmptyCart_Model</class>
        </emptycart>
    </models>
    <blocks>
        <emptycart>
            <class>Inchoo_EmptyCart_Block</class>
        </emptycart>
    </blocks>
</global>
<frontend>
    <routers>
        <emptycart>
            <use>standard</use>
            <args>
                <module>Inchoo_EmptyCart</module>
                <frontName>emptyCart</frontName>
            </args>
        </emptycart>
    </routers>
    <events>
        <core_block_abstract_to_html_after>
            <observers>
                <inchoo_emptycart_init>
                    <type>singleton</type>
                    <class>Inchoo_EmptyCart_Model_Observer</class>
                    <method>injectLinkEmptyCart</method>
                </inchoo_emptycart_init>
            </observers>
        </core_block_abstract_to_html_after>
    </events>
</frontend>

Besides there’s a hoot to event here (for link injection into cart), it’s pretty much basic stuff.

Now on to bit more fun stuff. Model (Observer.php):

class Inchoo_EmptyCart_Model_Observer
{
const MODULE_NAME = 'Inchoo_EmptyCart';
public function injectLinkEmptyCart($observer = NULL)
{
    if (!$observer) {
        return;
    }
    if ('checkout.cart.methods.onepage.top' == $observer->getEvent()->getBlock()->getNameInLayout()) {
        if (!Mage::getStoreConfig('advanced/modules_disable_output/'.self::MODULE_NAME)) {
            $transport = $observer->getEvent()->getTransport();
            $block = new Inchoo_EmptyCart_Block_Injection();
            $block->setPassingTransport($transport['html']);
            $block->toHtml();
        }
    }
    return $this;
}
}

And Block (Injection.php):

<?php
class Inchoo_EmptyCart_Block_Injection extends Mage_Core_Block_Text
{
public function setPassingTransport($transport)
{
    $this->setData('text', $transport.$this->_generateContent());
}

private function _generateContent()
{
    $_extensionDirectory = dirname(dirname(__FILE__));
    $_javascriptFileName = 'content.phtml';
    $_templateDirectory = 'template';
    $_fileContents = file_get_contents($_extensionDirectory . DS . $_templateDirectory . DS . $_javascriptFileName);
    return eval('?>' . $_fileContents);
}
{
public function setPassingTransport($transport)
{
    $this->setData('text', $transport.$this->_generateContent());
}

private function _generateContent()
{
    $_extensionDirectory = dirname(dirname(__FILE__));
    $_javascriptFileName = 'content.phtml';
    $_templateDirectory = 'template';
    $_fileContents = file_get_contents($_extensionDirectory . DS . $_templateDirectory . DS . $_javascriptFileName);
    return eval('?>' . $_fileContents);
}
}

class Inchoo_EmptyCart_Model_Observer Now what happened here you might ask. Since this is a helper extension, I wanted to keep template file inside extension directory, as it’s simple it can get. And both Model and Block provided me with that. Only thing missing in this part is content.phtml, which consists of these few lines:

<span id="inchoo-empty-cart">
<a href="<?php echo Mage::getUrl('emptyCart/')?>">
    <?php echo Mage::helper('core')->__("Empty Cart");?>
</a>

At this moment you have injected link “Empty cart” into Magento’s Cart page. Finally the extensions logic is here (IndexController.php):

<?php
class Inchoo_EmptyCart_IndexController extends Mage_Core_Controller_Front_Action
{
public function indexAction()
{
    //Get cart helper
    $cartHelper = Mage::helper('checkout/cart');

    //Get all items from cart
    $items = $cartHelper->getCart()->getItems();

    //Loop through all of cart items
    foreach ($items as $item) {
        $itemId = $item->getItemId();
        //Remove items, one by one
        $cartHelper->getCart()->removeItem($itemId)->save();
    }

    //Redirect back to cart or wherever you wish
    $this->_redirect('checkout/cart');
}
}

And that’s pretty much it. In action it looks like this:

source link