How to link a Product Feature image to go to a page with Products in the same category?

[trishIU]

There is probably something simple I am missing. I have products shown in the image attached and I would like to click on the picture and be taken to a page where only those products show up. I created product categories and tags. Not sure how to go about this. I was messing away with looper provider and consumer and was not about to get it to work.

My site is on a local host and I cannot share the domain to review but I would like it to be like this site https://www.crowcon.com/products/ when you click the image it takes you to the products affiliated with the grouping. That is what I am looking for.

[friech]

Hi @trishIU,

Thank you for writing in, first please make sure all your Product Categories have associated Image Thumbnail to it. These will be the images that will display on your Looper.

On the Looper Provider set All Terms / Product Categories.

On the Looper Consumer, add an Image element and select that to Term > Meta, on the Key field, set thumbnail_id (https://prnt.sc/12srweh)

On the Link > URL field set {{dc:archive:url}} (https://prnt.sc/12srzhs)

Then you can add your other elements.

You can learn more about loopers here.

Hope it helps,
Cheers

[trishIU]

@friech

{{dc:archive:url}}

Thank you, I will give it a try.

[ruenel]

You’re welcome.