PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Add to cart button hides when Ajaxify in ON

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Nelson(@nelson-2)
1 Post
Customers
October 1, 2022, 20:56

Hi, guys!

I have Shopper Child theme and it shows an"Add to Cart" button when hover on the product on category shop page.

When the Ajaxify mode is ON, and uses the Products Filter, this button does not appear. But when I choose the category and the products are listed (without using the Product Filter Widget), and I hover on them, the"Add to Cart" button shows normally.

How could I solve this?

Thanks in advance for any help.

#1
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
October 3, 2022, 12:16

Hello Nelson

This is because you are using JS for this functionality.

After the page is loaded, this JS is initialized for all products on the page

After an Ajax request, the products are re-rendered without reloading the page (that's the whole point of ajax ).  This means that new products are displayed, but JS is not initialized for these products (because the page has not been reloaded)

To solve this incompatibility you need to initialize this JS here - https://share.pluginus.net/image/i20221003101635.png

 

#2