Gsyfuy

First use of “packing” as in carrying a gun

What's the point in a preamp?

Take groceries in checked luggage

Can the DM override racial traits?

Does Parliament hold absolute power in the UK?

Can a 1st-level character have an ability score above 18?

Format single node in tikzcd

How long does the line of fire that you can create as an action using the Investiture of Flame spell last?

Finding the path in a graph from A to B then back to A with a minimum of shared edges

Is every episode of "Where are my Pants?" identical?

In horse breeding, what is the female equivalent of putting a horse out "to stud"?

Is it ok to offer lower paid work as a trial period before negotiating for a full-time job?

What aspect of planet Earth must be changed to prevent the industrial revolution?

How can I protect witches in combat who wear limited clothing?

The following signatures were invalid: EXPKEYSIG 1397BC53640DB551

Did the UK government pay "millions and millions of dollars" to try to snag Julian Assange?

Segmentation fault output is suppressed when piping stdin into a function. Why?

What is this lever in Argentinian toilets?

Can the prologue be the backstory of your main character?

Is above average number of years spent on PhD considered a red flag in future academia or industry positions?

How to colour the US map with Yellow, Green, Red and Blue to minimize the number of states with the colour of Green

How many people can fit inside Mordenkainen's Magnificent Mansion?

Wolves and sheep

Did God make two great lights or did He make the great light two?

Add Ajax Quantity Increment and Decrement Button on mini cart in Magento 2

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}

2

I want to implement Ajax Quantity Increment and Decrement Button functionality on cart items on Minicart. I didn't find any article or any module to achieve this. as qty increment(+) and decrement(-) inside the mini cart product price and the total must change without clicking on update.Could anyone help me with it?

magento2 magento-2.1.7 mini-cart

share|improve this question

asked Oct 20 '18 at 4:33

trilok kumartrilok kumar

16710

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  magento.stackexchange.com/questions/216496/…
  
  – Mukesh Prajapati
  Oct 20 '18 at 5:35
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for comments Mukesh Prajapati but i need as qty increment(+) and decrement(-) inside the mini cart product price and the total must change without clicking on update.
  
  – trilok kumar
  Oct 20 '18 at 6:05
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes, from above link you can add increment and increment functionality after that you have to write custom ajax code to update mini cart via ajax.
  
  – Mukesh Prajapati
  Oct 20 '18 at 6:18
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  magearray.com/enhanced-mini-cart.html This is available module for that
  
  – Mukesh Prajapati
  Oct 20 '18 at 6:21
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for comments Mukesh Prajapati the above link extension link doesn't contains demo
  
  – trilok kumar
  Oct 20 '18 at 6:23
  

  
  
  
  

add a comment | 

2

I want to implement Ajax Quantity Increment and Decrement Button functionality on cart items on Minicart. I didn't find any article or any module to achieve this. as qty increment(+) and decrement(-) inside the mini cart product price and the total must change without clicking on update.Could anyone help me with it?

magento2 magento-2.1.7 mini-cart

share|improve this question

asked Oct 20 '18 at 4:33

trilok kumartrilok kumar

16710

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  magento.stackexchange.com/questions/216496/…
  
  – Mukesh Prajapati
  Oct 20 '18 at 5:35
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for comments Mukesh Prajapati but i need as qty increment(+) and decrement(-) inside the mini cart product price and the total must change without clicking on update.
  
  – trilok kumar
  Oct 20 '18 at 6:05
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes, from above link you can add increment and increment functionality after that you have to write custom ajax code to update mini cart via ajax.
  
  – Mukesh Prajapati
  Oct 20 '18 at 6:18
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  magearray.com/enhanced-mini-cart.html This is available module for that
  
  – Mukesh Prajapati
  Oct 20 '18 at 6:21
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for comments Mukesh Prajapati the above link extension link doesn't contains demo
  
  – trilok kumar
  Oct 20 '18 at 6:23
  

  
  
  
  

add a comment | 

I want to implement Ajax Quantity Increment and Decrement Button functionality on cart items on Minicart. I didn't find any article or any module to achieve this. as qty increment(+) and decrement(-) inside the mini cart product price and the total must change without clicking on update.Could anyone help me with it?

magento2 magento-2.1.7 mini-cart

share|improve this question

asked Oct 20 '18 at 4:33

trilok kumartrilok kumar

16710

share|improve this question

asked Oct 20 '18 at 4:33

trilok kumartrilok kumar

16710

share|improve this question

asked Oct 20 '18 at 4:33

trilok kumartrilok kumar

16710

asked Oct 20 '18 at 4:33

trilok kumartrilok kumar

16710

asked Oct 20 '18 at 4:33

trilok kumartrilok kumar

16710

2 Answers
2

active

oldest

votes

1

We can make it easier by adding +1 and -1 links to change the quantity of each item. We will do this with some very simple JavaScript which takes the current value and adjusts it. Once this has been done, we submit the form through JavaScript to reduce customer effort.

<?php

  <input name="cart[<?php echo $_item->getId() ?>][qty]" value="<?php echo $this->getQty() ?>" size="4" title="<?php echo $this->__('Qty') ?>" class="input-text qty" maxlength="12" id="cart[<?php echo $_item->getId() ?>][qty]"/>

?>

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart/item/default.phtml

Increase by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, 1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Decrease by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, -1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Now the JavaScript function. We do not want it duplicated for every item so you can either put it in your theme’s JavaScript file or just below the table in the parent template -

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart.phtml

function changeItemQuantity( id , num ) {

    var qty_id = "cart[" + id + "][qty]";

    var currentVal = parseInt( $(qty_id).value );

    if ( currentVal != NaN )

    {

        $(qty_id).value = currentVal + num;

        $("products-table-basket").submit();

    }

}

References

1. https://tomrobertshaw.net/2010/08/add-increase-and-decrease-quantity-buttons-to-items-in-magento-cart/


2. https://www.magearray.com/enhanced-mini-cart.html


3. https://community.magento.com/t5/Magento-2-x-Programming/Update-Cart-automatically-Using-Increment-and-decrement-Button/td-p/104958

share|improve this answer

answered Oct 20 '18 at 12:07

AadityaAaditya

4,20121139

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for comment Aditya Shah but code does not works for me.
  
  – trilok kumar
  Oct 22 '18 at 5:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This is reference you need to enhance it
  
  – Aaditya
  Oct 22 '18 at 5:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Aditya Shah can you please elaborate how can I get it
  
  – trilok kumar
  Oct 22 '18 at 6:00
  
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Okay,just a min
  
  – Aaditya
  Oct 22 '18 at 6:25
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You can consult a way to ajax re-load block totals in cart.
  
  – Aaditya
  Oct 22 '18 at 6:26
  

  
  
  
  

 | 
show 2 more comments

0

You can download the extension and installed it for minicart Ajax Quantity Increment and Decrement Button.

https://github.com/kirtinariya1/MinicartAjaxQtyIncrementDecrement

share

answered 9 mins ago

Kirti NariyaKirti Nariya

1,173415

add a comment | 

Your Answer

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f247176%2fadd-ajax-quantity-increment-and-decrement-button-on-mini-cart-in-magento-2%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

1

We can make it easier by adding +1 and -1 links to change the quantity of each item. We will do this with some very simple JavaScript which takes the current value and adjusts it. Once this has been done, we submit the form through JavaScript to reduce customer effort.

<?php

  <input name="cart[<?php echo $_item->getId() ?>][qty]" value="<?php echo $this->getQty() ?>" size="4" title="<?php echo $this->__('Qty') ?>" class="input-text qty" maxlength="12" id="cart[<?php echo $_item->getId() ?>][qty]"/>

?>

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart/item/default.phtml

Increase by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, 1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Decrease by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, -1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Now the JavaScript function. We do not want it duplicated for every item so you can either put it in your theme’s JavaScript file or just below the table in the parent template -

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart.phtml

function changeItemQuantity( id , num ) {

    var qty_id = "cart[" + id + "][qty]";

    var currentVal = parseInt( $(qty_id).value );

    if ( currentVal != NaN )

    {

        $(qty_id).value = currentVal + num;

        $("products-table-basket").submit();

    }

}

References

1. https://tomrobertshaw.net/2010/08/add-increase-and-decrease-quantity-buttons-to-items-in-magento-cart/


2. https://www.magearray.com/enhanced-mini-cart.html


3. https://community.magento.com/t5/Magento-2-x-Programming/Update-Cart-automatically-Using-Increment-and-decrement-Button/td-p/104958

share|improve this answer

answered Oct 20 '18 at 12:07

AadityaAaditya

4,20121139

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for comment Aditya Shah but code does not works for me.
  
  – trilok kumar
  Oct 22 '18 at 5:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This is reference you need to enhance it
  
  – Aaditya
  Oct 22 '18 at 5:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Aditya Shah can you please elaborate how can I get it
  
  – trilok kumar
  Oct 22 '18 at 6:00
  
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Okay,just a min
  
  – Aaditya
  Oct 22 '18 at 6:25
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You can consult a way to ajax re-load block totals in cart.
  
  – Aaditya
  Oct 22 '18 at 6:26
  

  
  
  
  

 | 
show 2 more comments

1

We can make it easier by adding +1 and -1 links to change the quantity of each item. We will do this with some very simple JavaScript which takes the current value and adjusts it. Once this has been done, we submit the form through JavaScript to reduce customer effort.

<?php

  <input name="cart[<?php echo $_item->getId() ?>][qty]" value="<?php echo $this->getQty() ?>" size="4" title="<?php echo $this->__('Qty') ?>" class="input-text qty" maxlength="12" id="cart[<?php echo $_item->getId() ?>][qty]"/>

?>

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart/item/default.phtml

Increase by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, 1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Decrease by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, -1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Now the JavaScript function. We do not want it duplicated for every item so you can either put it in your theme’s JavaScript file or just below the table in the parent template -

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart.phtml

function changeItemQuantity( id , num ) {

    var qty_id = "cart[" + id + "][qty]";

    var currentVal = parseInt( $(qty_id).value );

    if ( currentVal != NaN )

    {

        $(qty_id).value = currentVal + num;

        $("products-table-basket").submit();

    }

}

References

1. https://tomrobertshaw.net/2010/08/add-increase-and-decrease-quantity-buttons-to-items-in-magento-cart/


2. https://www.magearray.com/enhanced-mini-cart.html


3. https://community.magento.com/t5/Magento-2-x-Programming/Update-Cart-automatically-Using-Increment-and-decrement-Button/td-p/104958

share|improve this answer

answered Oct 20 '18 at 12:07

AadityaAaditya

4,20121139

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for comment Aditya Shah but code does not works for me.
  
  – trilok kumar
  Oct 22 '18 at 5:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This is reference you need to enhance it
  
  – Aaditya
  Oct 22 '18 at 5:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Aditya Shah can you please elaborate how can I get it
  
  – trilok kumar
  Oct 22 '18 at 6:00
  
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Okay,just a min
  
  – Aaditya
  Oct 22 '18 at 6:25
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You can consult a way to ajax re-load block totals in cart.
  
  – Aaditya
  Oct 22 '18 at 6:26
  

  
  
  
  

 | 
show 2 more comments

We can make it easier by adding +1 and -1 links to change the quantity of each item. We will do this with some very simple JavaScript which takes the current value and adjusts it. Once this has been done, we submit the form through JavaScript to reduce customer effort.

<?php

  <input name="cart[<?php echo $_item->getId() ?>][qty]" value="<?php echo $this->getQty() ?>" size="4" title="<?php echo $this->__('Qty') ?>" class="input-text qty" maxlength="12" id="cart[<?php echo $_item->getId() ?>][qty]"/>

?>

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart/item/default.phtml

Increase by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, 1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Decrease by one:

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, -1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

Now the JavaScript function. We do not want it duplicated for every item so you can either put it in your theme’s JavaScript file or just below the table in the parent template -

app/design/frontend/[interface_name]/[theme_name]/template/checkout/cart.phtml

function changeItemQuantity( id , num ) {

    var qty_id = "cart[" + id + "][qty]";

    var currentVal = parseInt( $(qty_id).value );

    if ( currentVal != NaN )

    {

        $(qty_id).value = currentVal + num;

        $("products-table-basket").submit();

    }

}

References

1. https://tomrobertshaw.net/2010/08/add-increase-and-decrease-quantity-buttons-to-items-in-magento-cart/


2. https://www.magearray.com/enhanced-mini-cart.html


3. https://community.magento.com/t5/Magento-2-x-Programming/Update-Cart-automatically-Using-Increment-and-decrement-Button/td-p/104958

share|improve this answer

answered Oct 20 '18 at 12:07

AadityaAaditya

4,20121139

<?php

  <input name="cart[<?php echo $_item->getId() ?>][qty]" value="<?php echo $this->getQty() ?>" size="4" title="<?php echo $this->__('Qty') ?>" class="input-text qty" maxlength="12" id="cart[<?php echo $_item->getId() ?>][qty]"/>

?>

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, 1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

<?php

  <a onclick="changeItemQuantity( <?php echo $_item->getId() ?>, -1 ); return false;" href="#"><img alt="add-arw" src="<?php echo $this->getSkinUrl('images/add-arw.png') ?>"></a>

?>

function changeItemQuantity( id , num ) {

    var qty_id = "cart[" + id + "][qty]";

    var currentVal = parseInt( $(qty_id).value );

    if ( currentVal != NaN )

    {

        $(qty_id).value = currentVal + num;

        $("products-table-basket").submit();

    }

}

share|improve this answer

answered Oct 20 '18 at 12:07

AadityaAaditya

4,20121139

answered Oct 20 '18 at 12:07

AadityaAaditya

4,20121139

answered Oct 20 '18 at 12:07

AadityaAaditya

4,20121139

0

You can download the extension and installed it for minicart Ajax Quantity Increment and Decrement Button.

https://github.com/kirtinariya1/MinicartAjaxQtyIncrementDecrement

share

answered 9 mins ago

Kirti NariyaKirti Nariya

1,173415

add a comment | 

0

You can download the extension and installed it for minicart Ajax Quantity Increment and Decrement Button.

https://github.com/kirtinariya1/MinicartAjaxQtyIncrementDecrement

share

answered 9 mins ago

Kirti NariyaKirti Nariya

1,173415

add a comment | 

You can download the extension and installed it for minicart Ajax Quantity Increment and Decrement Button.

https://github.com/kirtinariya1/MinicartAjaxQtyIncrementDecrement

share

answered 9 mins ago

Kirti NariyaKirti Nariya

1,173415

share

answered 9 mins ago

Kirti NariyaKirti Nariya

1,173415

answered 9 mins ago

Kirti NariyaKirti Nariya

1,173415

answered 9 mins ago

Kirti NariyaKirti Nariya

1,173415