Profile: Peter.Zhekov

Hi jingchyu,

The correct widget zone is 'home_page_categories_banner'.
There is another thing you must be careful with, and that's the size of the banner. Choose an image that will be high just like the other three categories. Also, it should be width 250 pixels. If you have trouble with this please send back a link to your site and we will help you to adjust it properly.    

Hello there,

The answer is 'no'. We do not use a css Pre-Processors as SASS, LESS, MYTH and so on. Actually, we use LESS a bit, just to implement our color presets, but only for this purpose so far. In the future, we plan to implements this for some more stuff but not to migrate generally.

Hi Forestry1,

Please just add the code below in the 'administration-->Nop Templates--> Themes-->Alfresco-->Custom Head Styles':

@media all and (min-width: 981px) {

.sub-category-grid .item-box:nth-child(2n+1) {
    margin-left: 16px ;
}
.sub-category-grid .item-box:nth-child(3n+1) {
    clear: both;
    margin-left: 0 ;
}
.sub-category-grid .item-box {
    width: 210px;
}
.sub-category-grid .item-box .picture {
    width: 210px;
    height: auto;
}

}

This will make your sub-categories 3 per row on the desktop resolution.
If you need more help please write us back.

Hi nonam,


I apologize for the last post, I've made a mistake.
Please add the following code in the 'Custom Head Styles' and the Vendor picture will be no longer visible.

.vendor-list-page .item-box .picture {display: none;}

Hi nonam,

You noticed right that you can set a class for the 'Mega menu' plugin, and then you can use this class to customize the plugin. In your case you can add the class 'NoImageMnaufacturers' and then all you need to do is to add the following code in the 'Custom Head Styles':

.NoImageMnaufacturers .manufacturers .box li {
display: none;
}

You can find the 'Custom Head Styles' section in 'Administration --> Nop Templates --> Themes --> Nop Art Factory --> Settings'.
I believe this is what you want to accomplish.

Hi Juson,


Thank you for your report! I fixed the problem and the changes will be uploaded on the server in few minutes, so you will be able to update your theme.

Hi StephDep,

Can you please send us back a link to get a better idea of the issue. Meanwhile, you can take a look at the plugin documentation in the following link, where you can find how to setup the plugin properly.

https://www.nop-templates.com/smart-product-collections-plugin-for-nopcommerce-documentation

Hi Suzana,

Please try to change the setting 'Associated product image size' to '530'. You can find it in 'administration --> Configuration --> Settings --> Media Settings'.
If you use the latest version of the theme you will find one new setting in the theme administration. The setting I am talking about is called 'Product Images Proportion' and you can find it in 'administration --> Plugins --> 7Spikes Themes --> Nop Urban Theme'. Once you find it, you can change the image ratio. For example as I can see in your theme you use square images, so you can try to add '100' in the field which stands for square images.

Hi there,

To achieve this you need to follow this steps:
Go to 'administration --> Plugins --> 7Spikes Plugins --> Nop Instant Search'. Once you are there, look for 'Number Of Products' in the section 'Instant Search Advanced Settings'. From here you can manage the number of products to show in the dropdown.
Then you need to do only one thing, just take the code below and place it in the file '~Plugins/SevenSpikes.Nop.Plugins.InstantSearch/Themes/yourTheme/Content/InstantSearch.css'.

.instantSearch.resize {
    height: 181px !important;
    overflow-y: scroll !important;
}

You can change the height to other value so it can fit on your design (so instead of 181px you can use other value)

Hello there,

To reduce the height of the header please change the code below:

.header.mobile {
    min-height: 180px;
}

You can find in the file '~Urban/Content/CSS/980.css'.
I saw that you haven't got any logo so keep in mind that the height you choose should be enough and minimum equal to the logos height.
As to the multiplied categories, the first one is the page title - it's not clickable. The second one is the breadcrumb, and the clients can easily navigate from there.
The third one, I really can not understand where is coming from. Probably there is something in the view '~Views\Catalog\CategoryTemplate.ProductsInGridOrLines.cshtml'.

As to the problem with the product grid, it looks to me like matter of proper setup. Can you please provide another screenshot catching full page. For this purpose, you can use the application called 'Awesome Screenshot' of similar.