Specification Attributes

Hello,

I love the fact that Nop has specification attributes, it really helps for filtering. I don't like how much real estate it takes up on my page though. Could someone point me in the right direction to possibly turn the specification attributes into a horizontal menu with dropdowns instead of having it take up so much vertical space?

You can see my problem here:
http://technink.com/t-shirts

Thanks in advance!

You need to change in HTML and CSS. There is nothing to program here.

You need to find the _FilterSpecsBox.cshtml page in the catalog directory and change the HTML elements to use the dropdown list. You can use the javascript to trigger the action method with the specification attribute's query parameter once the dropdown's option are changed.
You need to decorate the elements with custom CSS for the horizontal menu.

Is there a way to just collapse the specification attributes? I want them to be there, but they take up way too much space.

http://technink.com/t-shirts

tyebeach wrote:
The best is to have the filters  at the left column. For that there are many good filter plugins, some for free.

Thanks, this works as far as removing a bunch of real estate on desktop, but on mobile it adds even more of scrolling before seeing any product.

Also, any idea why the products aren't loading properly? When I click on any of the filters the products don't change they just get added to the bottom of the page and the images become enlarged.

http://technink.com/t-shirts

https://www.nopcommerce.com/ajax-filters-free-nop4youcom

This plugin works with the default them in Nop 4.0, but for some reason, it doesn't load when using any other theme. What could be causing that?

There could be several reasons that may have caused the issue:
1) If the plugin is making use of widget zones then if the widget zone has been customized or removed from the new theme then the plugin will not work properly.
2) If you have installed few plugins with the new theme then it may have overridden the service/method with the higher priority then that of the new plugin you have recently installed.

Ok, I tried a few different widget zones and can see the plugin move around on my page, but it is still spinning and doesn't ever load. I have also disabled other plugins. Not sure what else it could be.