Profile: nikola.dragiev

Hello,

When hovered the plugin zooms to the original size of the image you have uploaded. Otherwise the image might scale and lose its quality. Therefore I recommend that you use larger images for your products.

Hello Ella,

If you update your nopCommerce to a newer version the CSS code added to your Custom Head Styles textbox in your theme's plugin will not be lost. So you will have no problem upgrading. But just in case if you ever run in to problem and have to re-install your theme's plugin, I recommend that you keep a backup of that code somewhere.

Hello Ella,

To remove the PDF Invoice button you simply have to go to your theme's plugin Custom Head Styles textfield and paste this code:

.order-details-page .page-title .pdf-order-button{
display: none;
}

For the other changes I'm afraid you will not be able to do them without code changing in the razor view files of the theme.

Hello,
You can change the already defined presets.
To do that you just have to follow a fiew steps.
First you have to locate the style.css file in your Themes / Tiffany / Content / CSS folder in your nopCommerce installation. There you will find in the beginning of the code a commented  COLOR SCHEMES heading. Below there are lists of grouped selectors starting with .color-sugar or .color-dove with background values of HEX color code(e.g. #ab9683), which you can change with the one you want to display.


After that you just have to select the color preset from the administration / Plugins / Tiffany Theme / Settings.

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.