On hovering category show sub category structure?

[mdburhan3]

Hello Everyone

I am quite stuck on this topic

I have a categories option set & sub-categories option set?
But i don’t know how to make relationship between them?
I feel my option set structure is wrong
or should i use database or what am i doing wrong?

I want to achieve something like this

Can anybody help me please ?

@adamhholmes @mikeloc

Thanks

[adamhholmes]

Assuming you don’t need to programmatically add or remove categories or subcategories in your app, I’d definitely stick with option sets as they’re much faster to load.

In terms of how to structure them, there are 2 possibilities, and they’re both equally effective:

1: Have a list of subcategories on each category

or

2 Have a single Category on each Sub-category…

Personally, I’d opt for the first option, as it makes it easier to set things up in the editor (no need to use filters on the option set, just refer to the Category’s Subcategory wherever you need to).

[mdburhan3]

@adamhholmes Thanks

@adamhholmes

1: Have a list of subcategories on each category

I am doing something like this

each option here is having list like this

Is it right?

[mikeloc]

The attribute shouldn’t be a list of texts. It should be linked to the other option set… so, it should be a list of sub-categories.

[adamhholmes]

No, the list of subcategories needs to be a list of subcategories (not a list of texts as you’ve currently got).

[adamhholmes]

Also, If I’m interoperating your screenshots correctly, it looks as though you’re actually using 3 layers of categories and subcategories here… (or maybe even 4?)… (a Sub-Category of Electronics, with a Sub-Sub-category of Laptops, and a Sub-Sub-Sub Category of Macbook etc…)…

In any case, each layer should refer to the relevant other option-set type (not a text).

[mdburhan3]

@adamhholmes @mikeloc
Thanks
Yes it’s a list of sub-categories

[mdburhan3]

@mikeloc @adamhholmes
Well it works

Thanks for your help

Next part of the question
It works when i do click event

But I want to display it on hovering ?
Example :- “When Current cell electronics is hovered” like that

[mikeloc]

Well, a short answer if you care at all about mobile is don’t have a user experience that is based on hovering. Personally, I hate when I hover over things in an app and stuff just happens, but I’m probably in the minority there.

I don’t think there is an easy way to do it, but if you search the forum for showing a menu on hover, you will find some stuff to read.

[mdburhan3]

@mikeloc ok thanks
I will stick with “Clicked” event…

But do you know how to hide repeating group (ex:- Repeating group subcategories here)
if i click any where on the page?

[viquarahmed07]

Hi @mdburhan3

@mdburhan3

But do you know how to hide repeating group (ex:- Repeating group subcategories here)
if i click any where on the page?

just wrapped your page (all your page elements) in a group
then on group click you can hide it (better to use set state)
For example :-

[mdburhan3]

@mikeloc @adamhholmes @viquarahmed07
Thanks a lot

[poopdeckapp]

Hello! May I see your option set structure for your categories and sub-categories? I’m having trouble with the same thing as well