Close

Category form

Juson
7 years ago
#11800 Quote
Avatar
  • 25
Sorry for 3 topics in a row.


I need too many categories, it is really hard to set the menu conveniently.

I tried to use 'Infinite categories sublist', but still I cannot see the lower part of menu, I have to scroll to see it.

So I found a sample webpage: http://ridibooks.com/?genre=general

It is Korean, you may not know where to see.

You can check this picture.




That's an ideal form of menu for bookstore, I can check all sub-categories without scrolling.

Could you give me an advice please?

Thanks a lot.


Regards,

Juson
Stefan
7 years ago
#11805 Quote
Avatar
  • Moderator
  • 157
Hi Juson,

Unfortunately, the example you have provided is quite a custom one, so it cannot be achieved with the Nop Mega Menu plugin to be the same.

The closest you can do is use the CSS from below so that you can fix the sublist to start from the same position. Just set in your mega menu settings to use the Infinite Sublist category template and uncheck the Show categories in a single menu. Then just add the following CSS at the very end of the following file:

Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Themes\DefaultClean\Content\MegaMenu.css

add the code from below:

@media (min-width: 1001px) {

    .mega-menu .sublist li {
        position: static;
    }

    .mega-menu .sublist li a {
        position: static;
    }

    .mega-menu .sublist-wrap {
        height: 500px;  
    }

    .mega-menu .sublist-wrap .sublist-wrap {
         top: 0;
    }
}


where the height of the sublist is determined by the height: 500px property which you can change to suits your needs.

Hope that helps.
Best Regards,

Stefan Hristov
Nop-Templates.com
Juson
7 years ago
#11809 Quote
Avatar
  • 25
Stefan wrote:
Hi Juson,

Unfortunately, the example you have provided is quite a custom one, so it cannot be achieved with the Nop Mega Menu plugin to be the same.

The closest you can do is use the CSS from below so that you can fix the sublist to start from the same position. Just set in your mega menu settings to use the Infinite Sublist category template and uncheck the Show categories in a single menu. Then just add the following CSS at the very end of the following file:

Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Themes\DefaultClean\Content\MegaMenu.css

add the code from below:

@media (min-width: 1001px) {

    .mega-menu .sublist li {
        position: static;
    }

    .mega-menu .sublist li a {
        position: static;
    }

    .mega-menu .sublist-wrap {
        height: 500px;  
    }

    .mega-menu .sublist-wrap .sublist-wrap {
         top: 0;
    }
}


where the height of the sublist is determined by the height: 500px property which you can change to suits your needs.

Hope that helps.



Thanks a lot. It works great.

Could you help one more? When I move the cursor to lowest category, its sub appears on the top of the right side. Can I see the sub just beside category where the cursor's on? If lowest category, sub-categories arrayed upwardly, if centered category, subs spread around the one cursor's on.


I think there's no one using nopCommerce in Korea. 2 of Korean nop-websites, but not for Korean, for foreigner. No payment plugin, no shipping plugin. We don't use plugins in nopCommerce web site internally such as paypal, google wallet, UPS, fedex etc. We are a kind of starter.

Anyway, I want to thank to your team members for terrific themes, plugins and helpful advices.


Regards,

Juson
Stefan
7 years ago
#11812 Quote
Avatar
  • Moderator
  • 157
Hi Juson,

Unfortunately, what you need with the different position of the sublist depending on its parent could not be achieved fairly easily. It can be done only with a custom javascript logic that will not be straightforward to do, so I would suggest to leave it as it is. If you have a fairly equal number of categories and subcategories, there will be no need of such logic. However if you want to give it a try and write your own js logic, you can do this in the Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Scripts\MegaMenu.min.js file.

I am really glad that nopCommerce is gaining its customers in Korea and hope to see much more websites built on top of nopCommerce and using our products.

Thanks again and keep up the good work.

Regards,
Stefan
Best Regards,

Stefan Hristov
Nop-Templates.com
Juson
7 years ago
#11813 Quote
Avatar
  • 25
Stefan wrote:
Hi Juson,

Unfortunately, what you need with the different position of the sublist depending on its parent could not be achieved fairly easily. It can be done only with a custom javascript logic that will not be straightforward to do, so I would suggest to leave it as it is. If you have a fairly equal number of categories and subcategories, there will be no need of such logic. However if you want to give it a try and write your own js logic, you can do this in the Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Scripts\MegaMenu.min.js file.

I am really glad that nopCommerce is gaining its customers in Korea and hope to see much more websites built on top of nopCommerce and using our products.

Thanks again and keep up the good work.

Regards,
Stefan




Thanks Stefan. I'll try. It was really helpful.

Regards,

Juson