Profile: nikola.dragiev

Hello,

If you want to center the image inside the link I recommend that you do with absolute positioning. Here is the css code you have to add:

.manufacturer-grid .item-box a {
  position: relative
}
.manufacturer-item .picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
max-width: 100%;
}

You can add this inside your Custom Head Styles textfield (nopCommerce Administration -> Plugins -> Nop Motion Theme -> Settings), or at the place where you have decidet to write your custom css. 

Hello,

Usually they are hidden with css, according to the design of the theme. If you want to show them just paste this css code into your Custom Head Styles textfield. It is located in the nopCommerce Administration -> Plugins -> Nop Allure Theme -> Settings. 

.side-2 .block .list li {
  overflow: hidden;
}
.side-2 .block .list .product-picture {
  display: block;
  float: left;
}
.side-2 .block .list .product-name {
  margin-left: 80px;
}
.side-2 .block .list .product-picture,
.side-2 .block .list .product-name {
  border: none;
}
.side-2 .block .list .product-picture:after,
.side-2 .block .list .product-name:after {
  display: none;
}

Hello,

If you want the product title to be three lines in height add this css code after the previous one:

.item-box .product-title {
  height: 75px;
}

If you want i t to be four line in height just change the pixels to be 100px.

Hello,

Maybe if you want to make so many changes to the theme you should consider buying a different theme. We offer great variety of themes which are suitable for different types of web stores. If you like you could look at our Pinterest page where you can see live stores using our themes. I don't know how you imagine your website, but maybe you should take a look at themes like the Nop Lavella Theme, Nop Native Theme, Nop Motion Theme, Nop Nitro Theme etc. 

p.s. Please keep in mind that you have different color presets for those themes, that can be customized. This gives you the opportunity to set your website colors to match the colors of your brand or products. 

Hello,

Thank you for your suggestion. Unfortunately the Header and the Footer of the theme are designed that way and are used by other customers. Therefore we are not planning on making any changes to those sections of the website. Maybe you could suggest that in our User Voice portal. 

Hello,

You can change the layout of the category pages by going to the CategoryTemplate.ProductsInGridOrLines.cshtml view file and change: 

Layout = "~/Views/Shared/_ColumnsTwo.cshtml";

in line 3 to 

Layout = "~/Views/Shared/_ColumnsOne.cshtml";

However if you do that you will have to modify the css to match the new layout and you will lose the Ajax Filters functionality.

Hello,

You can add a couple fo lines custom css code in your Custom Head Styles textfield box in Plugins/Nop Motion Theme/Settings.

For the Category and subcategory images add this css:

.category-item .picture a, .sub-category-item .picture a {
  height: 310px;
}

And for the short description in the item boxes add this css to display three lines of text:

.item-box .description {
height: 54px;
}

If you want to display 4 lines make hte height 72px, for 5 lines 90px and so on 

Hello,

Do you have any custom html added to your topic pages? In nopCommerce 3.6 were made a lot of structural changes to the markup of the razor view files. If you have added custom styiling to your topic pages using some of the old selectors this may have broken  the layout. 

Why don't you submit a ticket about this issue with screenshots of the problem or a livestore link to the page and we will give you an advice on how to resolve this problem. 

Hello,

We have located and fixed the problem, but it will take some technical time for it to be deployed to our theme package. So until then I will provide you with a fix. Please go to Plugins / Nop Shop All theme / Settings and paste this code in the Custom Head Styles field:

@media (min-width: 981px){
.home-page-category-grid .item-grid .item-box .sub-category {
  position: static;
  margin-left: 49%;
  margin-top: 22px;
}
}

Hello,

The Product thumbnail image size (catalog) setting is set to 360 because when you scale the website on mobile resolutions at one point you require such a big image, while the image on the product page is restricted with css not to be bigger than 320px.