Hi Mike,

I hope you’re doing well.

I’m currently working on a page (url down below) that features a list of products displayed using the catalogue module. Each product belongs to specific categories that I’ve created, such as:

product_cat-domaine-du-chene-vert
product_cat-vallee-du-rhone-nord

For instance, these categories apply to the product “Crozes-Hermitage millésime 2022 / Rouge.”

However, I’ve noticed that the product category classes are not included in the HTML structure of the catalogue module. Specifically, they do not appear in the “li” or “a” tags, which makes it challenging for me to apply CSS modifications based on product categories.

Currently, only the data-product_id attribute is present, but this isn’t practical for my needs. Since the product inventory will continue to grow, I require a solution that automatically includes product category classes in the “li” or “a” tags for CSS purposes. I don’t need these categories to be visible in the front-end module, just added to the HTML for styling.

Could you please advise on how I can achieve this?

Thank you for your help.

Best regards,

• This reply was modified 2 months, 2 weeks ago by manyfloor.

Hi mike,

Actually each icon pack was for a different project and a different client (one project was about a lawyer in medical sector, that’s why I’ve tried to add two icon packs on the same theme).

But for this new client I think it’ll be fine as I just need the gym icon pack.

Thank’s a lot for your help, perfect as always !

Hi Mike,

Thanks a lot for your help !

I’m working on an other website with the gym demo and the law icons are missing as well. Do I need to open a new threat or could you send me directly the file as you did last time ?

Regards

Hi Mike,

So there is no way to get the two at the same time ?

Regards

Hi Mike,

Perfect, it’s working as expected and the animation triggers well. Thanks a lot !
Just a little problem remains, when you are on the tab 2 or plus and you go on the tab 1, the icons are already displayed. But if you go on the tab 3 or 4 the icons are display as normal. The problem happens only with the tab 1. This is the same website as at the start of the threat.

Regards

Hi Jordan,

Actually I’ve got a little problem with the icon import. I’ve import the justice icon pack on my enfold child theme and everything goes well but when I tried to import another icon pack (medical pack), it did not work as both are from flaticon. The new one delete the old one and I can’t get the two at the same time.. Is there a workaround ?

Regards

Hi Mike,

Thanks a lot for your help !

I’m working on an other website with the law demo and the law icons are missing as well. Do I need to open a new threat or could you send me directly the file as you did ?

Regards

I’ve tried to adapt this code (iconlist.js) with the one you gave me but it’s not woking..

(function($)
{
“use strict”;

// ——————————————————————————————-
// Iconlist shortcode javascript
// ——————————————————————————————-

$.fn.avia_sc_iconlist = function(options)
{
return this.each(function()
{
var iconlist = $(this), elements = iconlist.find(‘>li’);

//trigger displaying of thumbnails
iconlist.on(‘avia_start_animation’, function()
{
elements.each(function(i)
{
var element = $(this);
setTimeout(function(){ element.addClass(‘avia_start_animation’) }, (i * 350));
});
});
});
}

}(jQuery));

Hi Mike,

Here it is below.

Don’t worry about the version upload, I’ll do this on my own. I’m currently working on another project so I don’t really have the time to check that everything goes well (moreover I did try with the latest enfold version and it was still not working)

Regards

• This reply was modified 5 years, 3 months ago by Mike. Reason: moved password

Hi,

I’ve try with the last enfold version on a new website i’m developing. It’s the same theme, and even with the cache deactivated it’s still not working…

Regards

Hi Mike,

I did the update but unfortunately nothing has change.. so I have switched it back on my “old”enfold one. Another possibility for my issue ?

Regards

Hi,

Actually I’ve found the problem but not the solution. It’s the ‘.avia-icon-list’ and ‘.avia-icon-list li’ that doesn’t take the ‘.avia_start_animation’ class when clicking on a link like “https://homepage.com/#tab-id-2”. Do you know why the icon list animation is not active when icon list are in tab section and when using a link external to the page ?

Regards

Hello,

I have put the link down below. You could see the problem by clicking on the the links (except the first one) in “nos magasins” part, on the homepage. It will lead you to the “nos magasins” page in the tab section that you choose with the link. Then you could see the problem with the icons that are not displayed in the icon list.

Best regards