Dtjytyk

Does fire aspect on a sword, destroy mob drops?

Homology of the fiber

label a part of commutative diagram

Why I don't get the wanted width of tcbox?

Is there any common country to visit for uk and schengen visa?

Was World War I a war of liberals against authoritarians?

Why is participating in the European Parliamentary elections used as a threat?

Why does Surtur say that Thor is Asgard's doom?

Help with identifying unique aircraft over NE Pennsylvania

Determine voltage drop over 10G resistors with cheap multimeter

I got the following comment from a reputed math journal. What does it mean?

Unfrosted light bulb

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

When did hardware antialiasing start being available?

Which partition to make active?

Isn't the word "experience" wrongly used in this context?

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

Pre-Employment Background Check With Consent For Future Checks

Animating wave motion in water

Hot air balloons as primitive bombers

is this saw blade faulty?

What are the rules for concealing thieves' tools (or items in general)?

Does the Shadow Magic sorcerer's Eyes of the Dark feature work on all Darkness spells or just his/her own?

The English Debate

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 3 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 3 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 3 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

share|improve this question

edited 3 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

share|improve this question

edited 3 mins ago

Shoaib Munir

2,1101828

asked Feb 11 at 10:18

Muhammad HashamMuhammad Hasham

2,5581731

edited 3 mins ago

Shoaib Munir

2,1101828

edited 3 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