Hi again,
The css you are referring to comes from the color presets functionality in the theme. There is a less plugin that can be found in Plugins\SevenSpikes.Theme.Lavella\Styles\Less\preset.less. In this file you will see the css selectors that are used to generate this css with the hex code of the color selected from the admin -> plugins -> 7spikes themes -> nop lavella theme -> settings option.
So basically when you save your color from the admin of the plugin, it uses the selected hex code to generate the css with the selectors and the hex code and injects this css in the head, so that you can see the theme with the selected color.
Hope it is clearer now.
Please let me know if you need any further help and information.
Hi Ornlud,
I think there is some issue with the jcarousel on the product page. Would it be possible to add the following in the very end of the Plugins\SevenSpikes.Nop.Plugins.JCarousel\Themes\Native\Content\JCarousel.css file:
.jcarousel-list.jcarousel-list-horizontal {
width: 20000em !important;
}Hi again,
Thanks for the reply. If you have been using the default slider, that is why the transparent nav bar is different because in the theme there is a logic for the place of the slider and applying different classes so that a different styling is applied.
Please let us know if you need any further help or information.
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
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;
}
}