Profile: nikola.dragiev

Hello,

For the product page you can try adding this code to your Custom Head Styles as you did with the first one:

.gallery .picture:before {
padding-top: 75%;
}
@media (min-width: 1001px){
.gallery .picture-wrapper, .gallery .picture-wrapper > .picture {
line-height: 375px;
}

Hello,

From what I see on your website the images on the home page ratio is width to height 4:3. Which means the effect you are trying to accomplish works. The difference between square and 4:3 images is not very visible especially if the images are not large, so you can hardly see the difference. If you want to compare, you can rightclick on the image and open your browser inspector. Then if you unclick the padding-top you will see the change. Also your browser may have cached the website styles and did not display the changes. Try clearing your cache and see if the images still look square.  

Hello,

You can add this css code

.contact-block .footer-menu li.phone,
.contact-block .footer-menu li.fax{
  display: none;
}

in your theme's plugin Custom Head styles and it should work 

Hello,

The easiest way to define the optimal size of the images you upload is to look at the Media Settings section after you install your Theme's plugin.  For the Nitro theme i recommend that you don't keep your product pictures lower than 600px(this is the size of the width or height which is the longest) and your category images lower than 333px. For the manufacturers images If you have set them to appear on the home page I recommend that you select images in landscape layout with width of at least 180px.

Hello,

To add that you have to locate the footer.cshtml file which is located in Themes\Motion\Views\Common folder. When you open the code you have to paste this code after line 26:

<li class="fax">Your client fax number</li>

if you want to add an icon you have to add a background image to this css selector

.footer-menu li.fax

or if you want to use the icon used for the e-mail just put in class="email" in the code we added.

Hello,

You can try deleting that line. Simply go to Themes\Motion\Views\Common\footer.cshtml and when you open the file delete this line of code:

<li class="email">@T("SevenSpikes.Themes.Motion.Common.EmailName") [at] @T("SevenSpikes.Themes.Motion.Common.EmailDomain")</li>

which is located in line 25 of the code.

Hello,

There is a setting that sets the maximum image size of the images on your nopCommerce which can be found in Configuration / Settings / Media Settings. If you put it to 1920 or higher the resolution and quality of your slider will be good. And therefore the easiest way to add an image before your navigation is if you create a slider with only one image.

Hello,

To reproduce the same ribbon as in the Traction theme demo you have to create a fully transparent png image file with the size of the ribbon you want to have and add it in Preview picture, so that your image css apples to the element.

Also you can use the styles for the text of the ribbon:

font-size: 18px;
color: #fff;
right: 5px;
top: 5px;
text-align: right;

If you are not using the default color of the theme you have to add this css to your Plugins \ Nop Traction Theme \ Settings \ Custom Head Styles:

.color-black .product-ribbon > img{
    border-top-color: #333!important;
}
.color-grey .product-ribbon img{
    border-top-color: #aaa!important;
}
.color-orange .product-ribbon img{
    border-top-color: #e04900!important;
}
.color-blue .product-ribbon img{
    border-top-color: #467bb1!important;
}
.color-yellow .product-ribbon img{
    border-top-color: #ffbb34!important;
}

Hello,

When you have deleted the resource nopCommerce displays the name of the resource it is searching for. So if you want your website to display no e-mail address you just have leave the resource value empty and save it. Now since you have deleted the resource you have to add it again by going to View String Resources in languages and press Add new record , in resource name type sevenspikes.themes.motion.coomon.emailname and leave value empty.

For the pages you want to edit you have to go to your nopCommerce Administration \ Content Management and in Topics (Pages) you will find a list of all the info pages you can access.

Hello Steve,

Thank you for reporting this bug. We located the problem and fixed it.
Your feedback is important to us.