Super Search help to show sizes accoring to produc category

[geomatani]

Hi support,

Is it possible for super search to filter sizes according to product category selection?

Scenario:
I created product size attributes for each category.
I have product categories like

Tops M, L, XL…
Jeans 32, 34, …
Shoes 42, 43…

When user selects Shoes for example, i want super search to show only shoes sizes like 42, 43,….
Similarly how filters would work in the widget

How can I make this change?

[Rui Guerreiro – SUPPORT]

Hi,

At the moment it doesn’t work that way by default. Will suggest that change to the development team to be considered in a future development.

Thanks

-Rui

[geomatani]

can i add a scroll bar?

[Rui Guerreiro – SUPPORT]

Hi,

Where exactly do you want to add it? Can you provide a screenshot with marked position to see if it’s possible?

-Rui

[geomatani]

Hi,
I am using your demo site to show you the screenshot (attached).
For color and size, i have number of attributes which i want to have scroll option for user to have instead of extending list of attributes all the way down.

If possible to add a scroll bar, that would be great, however I want to make sure this is responsive for tablets and mobile browsers

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

That dropdown list is made with divs so in this case to make it scroll we have to limit is height so that when the number of items exceed that height it will scroll.

In the code below I set that height to 500px , adjust to your desired value.

.sf-super-search .show-dropdown{
height: 500px!important;
overflow-y: auto!important;
width: 160px!important;
}

-Rui

[geomatani]

Thanks Rui,
This works fine, but it applies to all attributes;

I want the scroll bar for only 2, size and color attributes. They are Filter 2 and Filter 3 in super search.

Would that be possible?

[Rui Guerreiro – SUPPORT]

Hi,

Need your site url to check it.

-Rui

[geomatani]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

It’s a bit more complex but it works.

.sf-super-search #product_cat[tabindex="2"] .show-dropdown , .sf-super-search #product_cat[tabindex="4"] .show-dropdown {
height: 300px!important;
overflow-y: auto!important;
width: 160px!important;
}

It’s already in your custom css option.

-Rui

[geomatani]

This reply has been marked as private.

[geomatani]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

ok great.
-Rui

[geomatani]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Just noticed that you don’t the same fields at least that’s what look in the screenshot you sent. The position/order is important because of the tabindex number.

Check if you don’t have any additional css that can be interfering.
If it doesn’t work we only can check when you get that version online.

-Rui