Hi,
Sorry to catch this post so late.
We will try to explain what is the best way to modify views and styles.
Views are open for modification, but there is no way of overriding them just like in the core system.
All our plugin comes with views open for modifications, separate css files and images. Now all plugins also have theme support meaning you can have different themes(independent of the store theme) and style the plugin in more than one way and choose which one to be displayed.
You can modify freely the views, but when you upgrade you will have to merge your changes to the views. Typically using a tool for file comparison it is quite quickly to merge any modifications.
As to the css and images you can create your own theme and when upgrading to new version just copy it to the new plugin.
Hope that helps!
If we can help any further please do not hesitate to contact us again!
Hi,
The Nop categories Header Menu shows all categories and all corresponding subcategories. There is a setting with which you can show only categories that are marked as shown on home page, but this applies only for top level categories. All subcategories are always shown.
Hope that helps!
If you have any other queries please do not hesitate to contact us.
Hi,
I see what you mean. It will be a little tricky to implement as the main content in nopCommerce has a fixed width.
Except changes in css there is a little html reorganization that needs to be done in order to pull the header out of the main content so that it can have width 100%.
So the idea is to pull out the elements that you want to have width 100% out of the
<div class="master-wrapper-page">
<div class="master-wrapper-content">
</div>
</div>
elements and set the necessary styles.
We will give you the example for the header menu:
1. Open the ~\Themes\Electronics\Views\Shared\_Root.cshtml view and edit it in the following way:
<body>
@Html.Action("WidgetsByZone", "Widget", new { widgetZone = Nop.Core.Domain.Cms.WidgetZone.AfterBodyStartHtmlTag })
<div class="header">
<div class="header-logo">
<a href="@storeLocation" class="logo"> </a>
</div>
<div class="header-links-wrapper">
@Html.Action("HeaderLinks", "Common")
</div>
<div class="header-shopping-bag">
@Html.Action("ShoppingCartBox", "Common")
</div>
</div>
@if (categoriesHeaderMenuIntegrated)
{
@Html.Action("CategoriesHeaderMenu", "CategoriesHeaderMenu")
}
<div class="master-wrapper-page">
<div class="master-wrapper-content">
the text in bold is the text that had been pulled out of the master-wrapper-page.
2. Add the following css:
.header
{
padding: 0px 6px 5px 5px;
height: 60px;
width: 980px;
margin:10px auto;
}
.categoriesHeaderMenu
{
width: 100%;
margin-top: 40px;
}
.master-wrapper-page
{
width: 980px;
margin: 0 auto 0;
text-align: left;
}
.master-wrapper-content
{
float: left;
width: 980px;
margin: 0 0 0;
text-align: left;
background: #FFF;
padding-bottom: 15px;
}
p.s. the elements in bold are the new one that should be added or edited.
Now you will be able to change the menu strip with a image that is 100%.
The same idea should be applied when making the footer. Pull it out the
<div class="master-wrapper-page">
<div class="master-wrapper-content">
</div>
</div>
elements so that it has no fixed width.
Hope that helps!
Hi,
We are glad you find it useful.
Thanks!
Please give us your feedback here if you have any problems with the Nop Shop All Theme.
You can post here anything regarding the Nop Shop All Theme.
Help make Nop-Templates products better. Share your ideas or feature requests related to the Nop ShopAll Theme for nopCommerce.
Hi,
From the error it looks like that the RelatedProducts action cannot be called for some reason.
Would it be able to provide a little more info:
1. When have you downloaded the theme?
2. Have you made any customization to nopCommerce sources as this action is in Nop.Web assembly.
3. Can you try to set the product template to be SingleVariant and see whether the error still exist.
4. Is this is happening on a production site or on a dev machine while developing.
If it is no problem you can provide a ftp credentials and an admin credentials to the site in a separate email so that we can have a closer look.
Thanks!
Hi,
It all depends on the way the plugin is integrated.
If you want to integrate it only on home page you should do it manually and not as a widget for example. You can find an example of how to do that in our documentation and more precisely "6. Manual integration of a slider" Sample #2