Load more Products Ajax

Hi,

Please try to use following code snippet:

add_action( 'woocommerce_before_shop_loop_item_title', 'my_woocommerce_before_shop_loop_item_title' );
function my_woocommerce_before_shop_loop_item_title() {
    AWL_Label_Display::instance();
}

You need to add it somewhere outside the plugins folder. For example, inside functions.php file of your theme or use some plugin for adding code snippets.

Regards

Hi there,

Sorry for my late reply. I have added the code to the functions.php file as instructed but the labels still do not show for the newly loaded products.

Moreover with the code inserted some of the products don’t load quite right (minor height issues).

Thanks in advance

Please try to change it to:

add_action( 'init', 'my_init' );
function my_init() {
    AWL_Label_Display::instance();
}

Also, can you tell me how you add this code snippet?

I added it to the very bottom of my functions.php file in a child theme.

Also, I’m using the following custom hook:
https://prnt.sc/o6tdUD-4ceCu

Otherwise the labels appear broken on mobile only:

https://prnt.sc/MLautdW5LyzN

So as it turns out removing that hook altogether fixes the problem with the newly loaded products not having labels, but weirdly enough only on mobile.

Also after removing on the mobile version of the site, the labels now appear broken (second screenshot above).

Those labels should appear on the image.

So for now your only problem is the broken label on mobile. Is that correct?

Hey there and thanks for your reply,

So after removing all custom hooks some interfering php code and changing the product layout from 2 column to 1 column the labels appear in their correct position.

The original problem though remains (labels not loading on clicking the load more button) both on mobile and desktop.

About loading problems – on Monday I will release a new plugin version that must solve this issue.

Regards

Thank you so much can’t wait for that!

So that version is already available and must solve the problem.