Modifying a repeating group B when hovering a repeating group A's cell

Hey there !
I’m building a marketplace for sport equipment, and I’m struggling on the header menu.
–> Basically, on my header, I have 6 categories (which consist in 6 distinct groups)
–> When I click on a category, a Group Focus appears (which will show the subcategories and sub-subcategories)
–> In the Group Focus : the subcategories are represented in a repeating group A, and the sub-subcategories in a repeating group B next to the repeating group A.
==> What I want to do : when I hover on a subcategory (a cell of the repeating group A), the data source of the repeating group B changes, so that it displays only the sub-subcategories related to the subcategory hovered

I hope it’s clear enough… To illustrate, basically, I want the same header menu as the marketplace Selency (a french marketplace for second-hand home furnishings)

Here’s what my editor looks like :


–> in red : my 6 categories
–> in green = my subcategories (repeating group A)
–> in blue : my sub-subcategories (repeating group B)

Thanks for your help !

This is a tough one. I don’t know of a way to access the RG A’s hovered cell or group outside of the RG as it is currently structured. The problem is that an RG’s content (groups, text elements etc) aren’t accessible outside of the RG as far as I am aware.

This post from @boston85719 explains how to get the hover effect working in general, but in this case, each of the hovered groups are separate and not within an RG.

You could probably achieve what you are trying with a combo of this approach with the RG extractor plugin. Maybe Boston knows of a way to achieve though.

1 Like

I purchased a while back the BDK env variables plugin and it works well to let contents within an RG communicate with elements on the page, or in this case the reusable element.

Since I purchased that I believe some other users have added some free plugins that have the same functionality, but I have not yet tested them. I’d check this out

as I believe it has the functionality as BDK env variable but is free

2 Likes

Thanks for your answer.
In deed, I did kind of what you’re suggesting : I replaced the RG A by distinct groups, and each group contains a text (the subcategory’s title) and an “invisible shape” on which I apply the following rule : image
I kept the RG B and I gave it a custom state : “subcategory hovered”, with a type “subcategory”.
In this way, in my workflow, when the “invisible shape” of the group subcategory is visible, I set the custom state’s value at the concerned subcategory (that just got hovered).
In this way, the data source of my RG B is : all sub-subcategories which parent subcategory is equal to the subcategory in the “subcategory hovered” custom state.

Unfortunately, my method only works partially… In the preview, when I hover the subcategories for the first time, it works. But then, the “subcategory hovered” custom state remains stuck at the first subcategory… It’s really weird. I think I didn’t fully understand yet how the custom states work : do you have any idea on why it doesn’t work ?

I think if it doesn’t, I’ll try and look for a free version of the BDK env variable plugin as mentionned by @boston85719.

Thank you guys !

1 Like

Is your workflow set to run “every time” as opposed to “just once”?

1 Like

It was in deed in “Just once” … :joy:
Can’t believe it was so simple ! Thanks again

2 Likes

ahem, don’t worry. That’s the one that tripped me up until I saw Boston’s tutorial :blush:

1 Like