[Resolved] Woocommerce add to cart button field not rendering when rendering via ajax

[Author]

Posts

[markD-13]

I am trying to:
load a single product view into a MagnificPopup via ajax

I visited this URL:
on localhost

I expected to see:
the add to cart button and variation selector

Instead, I got:
blank div where add to cart stuff should go

If i create a custom shortcode and render the output from the woocommerce add-to-cart shortcode

e.g.

function db_add_to_cart($atts) {
$id = $atts['id'];
ob_start();
echo do_shortcode('[add_to_cart id="'.$id.'"]');
$myStr = ob_get_contents();
ob_end_clean();
return $myStr;

}

it kind of works but i want the same output as the view outputs if rendered normally i.e. not via ajax.

Please help point me in the right direction.

[Beda]

There si a similar thread about Add to Cart and AJAX:
https://toolset.com/forums/topic/ajax-not-working-without-quantity-selector-when-product-is-added-to-cart/

But I am not sure you experience the same issue.

Might you provide me a Site's Snapshot, if this is not the same issue, with all links to the relevant Screens and Code, so I could analyse this locally?

Here are the instructions on how to provide me a snapshot:
https://toolset.com/faq/provide-supporters-copy-site/

[markD-13]

Hi Beda,

I managed to resolve it by rendering a full single product page via magnific popup ajax method (instead of calling a function in my theme via ajax), and then filtering out everything not within the body tags using jquery in the magnific popup callbacks.