Hjdcti

Multi tool use

Symbolism of 18 Journeyers

Should I be concerned about student access to a test bank?

Determine voltage drop over 10G resistors with cheap multimeter

Recursively updating the MLE as new observations stream in

Error in master's thesis, I do not know what to do

How do researchers send unsolicited emails asking for feedback on their works?

Did Nintendo change its mind about 68000 SNES?

Hot air balloons as primitive bombers

Should a narrator ever describe things based on a characters view instead of fact?

What are the consequences of changing the number of hours in a day?

Are hand made posters acceptable in Academia?

If I cast the Enlarge/Reduce spell on an arrow, what weapon could it count as?

Which partition to make active?

What will the Frenchman say?

How to find the largest number(s) in a list of elements, possibly non-unique?

Can other pieces capture a threatening piece and prevent a checkmate?

How to test the sharpness of a knife?

How old is Nick Fury?

What is the tangent at a sharp point on a curve?

What kind of footwear is suitable for walking in micro gravity environment?

What favor did Moody owe Dumbledore?

What is the reasoning behind standardization (dividing by standard deviation)?

What (if any) is the reason to buy in small local stores?

Homology of the fiber

Ajax add to cart is not working after products loaded by other ajax request

Magento ajax Add to cart Not workingswatches option validation for ajax add to cart issue detail pageMagento 2 add to cart with ajax is not working for infinite scrollHow to disable Ajax Add to Cart on Product page in Magento 2ajax add to cart on product listHow to create custom ajax add to cart functionality with send my parameters in magento2How to create Add to cart functionality using ajax for simple and configurable productsAjax add to cart not getting a correct price in minicartMagento 2 Ajax add to cart related productsTo implement ajax based toast notification for add to cart, wishlist and compare

2

I have different ajax based product carousels in my home page

The problem is ajax add to cart is not working on carousel products after products loaded through ajax

magento2 magento2.3 ajaxaddtocart

share|improve this question

edited 11 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

add a comment | 

2

I have different ajax based product carousels in my home page

The problem is ajax add to cart is not working on carousel products after products loaded through ajax

magento2 magento2.3 ajaxaddtocart

share|improve this question

edited 11 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

add a comment | 

I have different ajax based product carousels in my home page

The problem is ajax add to cart is not working on carousel products after products loaded through ajax

magento2 magento2.3 ajaxaddtocart

share|improve this question

edited 11 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

share|improve this question

edited 11 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

share|improve this question

edited 11 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

edited 11 mins ago

Shoaib Munir

2,1101828

edited 11 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

1 Answer
1

active

oldest

votes

3

In your ajax success function use this code:

jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();

It will reinitialize add to cart

jQuery.ajax(
 url: "/request",
 type: "POST",
 success: function (res) 
 //Other code here

 jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();
 
);

share|improve this answer

answered Feb 11 at 10:23

Shoaib MunirShoaib Munir

2,1101828

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Thanks Brother :) It worked.
  
  – Muhammad Hasham
  Feb 11 at 10:40
  

  
  
  
  

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%2f261222%2fajax-add-to-cart-is-not-working-after-products-loaded-by-other-ajax-request%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

In your ajax success function use this code:

jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();

It will reinitialize add to cart

jQuery.ajax(
 url: "/request",
 type: "POST",
 success: function (res) 
 //Other code here

 jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();
 
);

share|improve this answer

answered Feb 11 at 10:23

Shoaib MunirShoaib Munir

2,1101828

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Thanks Brother :) It worked.
  
  – Muhammad Hasham
  Feb 11 at 10:40
  

  
  
  
  

add a comment | 

3

In your ajax success function use this code:

jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();

It will reinitialize add to cart

jQuery.ajax(
 url: "/request",
 type: "POST",
 success: function (res) 
 //Other code here

 jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();
 
);

share|improve this answer

answered Feb 11 at 10:23

Shoaib MunirShoaib Munir

2,1101828

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Thanks Brother :) It worked.
  
  – Muhammad Hasham
  Feb 11 at 10:40
  

  
  
  
  

add a comment | 

In your ajax success function use this code:

jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();

It will reinitialize add to cart

jQuery.ajax(
 url: "/request",
 type: "POST",
 success: function (res) 
 //Other code here

 jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();
 
);

share|improve this answer

answered Feb 11 at 10:23

Shoaib MunirShoaib Munir

2,1101828

jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();

jQuery.ajax(
 url: "/request",
 type: "POST",
 success: function (res) 
 //Other code here

 jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();
 
);

share|improve this answer

answered Feb 11 at 10:23

Shoaib MunirShoaib Munir

2,1101828

answered Feb 11 at 10:23

Shoaib MunirShoaib Munir

2,1101828

answered Feb 11 at 10:23

Shoaib MunirShoaib Munir

2,1101828