Tagged: link, product image
Hey there kriesi team,
i’m using Enfold with woocommerce and I display my products with the product grid from the template builder.
I would like to add an extra class and element to the a-tag of the product image.
Right now the a tag looks like this:
<a class="woocommerce-LoopProduct-link" href="productlink" >
desired output:
<a class="woocommerce-LoopProduct-link customclass" data-product_id="productID" href="productlink" >
Is there a filter to add additonal elements, or can you point me to the file I would have to edit?
Your help is much appreciated.
best regards
Niko
Hey foveaworks,
Please refer to this post – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and turn on custom CSS field for ALB elements and then give your element a desired custom class
Best regards,
Yigit
Hey Yigit,
thanks for getting back to me on this.
Unfortunately this is not what i meant. The Custom Class Field for ALB Elements gives the customclass to the whole product grid element.
What I meant was that i need to add a custom class to the products a tag. (See the green dot in the screenshot)
https://www.dropbox.com/s/x4pfqt5zg4rjwuo/Bildschirmfoto%202016-08-08%20um%2018.26.08.png?dl=0
So i think i have to add it to the product grid’s loop.
Can you point me to the right file?
best regards
Niko