Skip Navigation

[Resolved] Badges from the Advance Woo Labels plugin don't display on Product Archive Page

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 6 replies, has 2 voices.

Last updated by Minesh 1 year, 3 months ago.

Assisted by: Minesh.

Author
Posts
#2634395

Tell us what you are trying to do?
I want the labels/badges from the Advance Woo Labels plugin to show also on the Toolset Product Archive Page

Is there any documentation that you are following?
Only the usual for creating Toolset archives and the how to create labels with the plugin

Is there a similar example that we can see?
See the badges displayed on the home page: hidden link

What is the link to your site?
Here is the archive page where I want the labels to display: hidden link

#2634629

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

I need to check how those badges are get stored and how it gets displayed.

Can you please send me admin access details and let me review your current setup.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

#2634699

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

There is no official integration of Toolset with Advance Woo Labels plugin.

However, luckily I found the following shortcode that is used to display the badges:
=> hidden link

Then I've edit your archive and removed the image block you added. Then I've added the container block and as a background I've added the dynamic image (that is eventually your product image):
=> hidden link

As you can see I've added container block within the loop and to that container I've added the background image and later to display the badges I've added "Fields and Text" block to display the badges shortcode:

[awl_get_product_labels position="on_image"]

Can you please check now: hidden link

More info:
=> https://toolset.com/course-lesson/container-blocks/

#2635025
toolset shop.jpg

Thank you Minesh! There is, however, a strange behavior with the badges. They seem to move one step to the right for some products and get attached wrong. It also seems to mess with the sorting which should be with the latest added products (almost always marked as NEW/НОВИНКА). See the screenshot.

#2635043

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

I've just shown you the alternate ways how you can display it.

I've moved the shortcode at bottom of the loop item and I can see its displaying correctly. You can adjust the CSS as per your requirement as it may need some custom code.

#2635085

Thank you, that's not a good place for the badges and I don't know enough to understand how it can be changed with CSS. Can you suggest something?

#2635197

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Can you please check now: hidden link

I've added the "Fields and Text" block inside the container block:
- hidden link

The catch is that it only displays the badge on correct item only when we display price before the badge so I've added it in hidden div as given under within the "Fields and Text" block added to container:

<div style="display:none;">[wpv-woo-product-price]</div>
[awl_get_product_labels position="on_image"]

Can you please confirm it works as expected now. This is the max help I can offer from this end.

#2635317

Thank you Minesh, that workaround seems to work! I would never have figured that out by myself!