Profile: nikola.dragiev

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. 

Hello,

Sorry, but I have misled you. The Product detail image size should be set to 320 not 600. I've edited the previous post and we have changed our theme's plugin settings, so such a problem should not be evident in the future. Thank you for reporting this and once again sorry for the inconvenience. 

Hello,

The triangle achieved in the traction theme demo is not an image, but a css triangle. This is done so customers could change the color of the theme from the theme roller. I could give you the instructions on how to make such triangle, but I think that in your case this effect is not necessary. Why don't you submit a ticket to our support team and we will provide you with a triangular image that you can use as a background for your ribbon.

p.s. Please send us a live store link, a screenshot of your website or just the name of the color preset you are using, so we could send you the right image color.

Hello,

On each Edit Product page in the administration in the Product Info section you have price and old price field, where you can add the new and old price of the product. Also you can edit all product prices and old prices from the Catalog / Products / Bulk Edit Products section, which gives you the opportunity to change your whole catalog of products without accessing their product pages individually. 

Hello,

You just have to go to Plugins / Nop Allure Theme / Settings and paste this code in the Custom Head Styles textfield:

.footer-upper, 
.footer-middle {
  display: none;
}

Hello,

Here is the list of Media Settings used on the demo website:


Avatar image size:  90

Product thumbnail image size (catalog):  360

Product detail image size:  320

Product thumbnail image size (product page):  100

Associated product image size:  320

Category thumbnail image size:  370

Manufacturer thumbnail image size:  350

Cart/Wishlist thumbnail image size:  80

Mini-shopping cart thumbnail image size:  95

Maximum image size:  1920

Hello,

When you install your theme's plugin the appropriate settings, including the Media Settings are set automatically. So if you want to have the optimal settings for your theme you just have to install the Nop Traction Theme plugin.