Different query loop per component instance

How To
1

Just starting to dabble with components and running into a brick wall.

I have a component card that I want to use on a number of pages each time in a query loop. The query loop will be different each time.

If I click on the component in the structure panel I see all its properties in the left panel. Editing the component there shows me the standard element content tab which has the query loop control in it. If I set this query loop up, it works fine on the current page but is also applied to every other instance of that component on the web site.

I see that there is a query loop component property but is this for internal component query looping? I can’t see if I add this as a property how to link it to a different query loop for each instance.

I could wrap the component in a div but this can add quite a number to the DOM and also my cards are list items in a grid which is the ul and doing this will add a div in-between the ul and each li.

I see that this issue has been raised before DUPLICATE: Ability to change the query in each component and that this is closed and pointed to IMPLEMENTED: Feedback for Components: Missing Query Loops. Has the original issue in fact been fixed in the second topic and if so how?

Thanks

2

It has been fixed. You can create a property for Query Loops and connect it to that loop, like you would with headings and images.

3

Thanks but I’ve tried that already and the query wasn’t run. I’ll investigate more.

4

I’m trying to do the Exact Same Thing!!! This is driving me insane… I created different “queries / properties” add them to the Instance on the page or template and it changes it everywhere! I need a solution quick! I’ve been back and forth with this for 2 days.