Close

Profile: hristo

Avatar

User posts

4 years ago

insity wrote:
Hi,
I am using Motion Theme with NopCommerce 3.3. Off late some of my customers and even me have a feeling that the 'Buy' button in this theme is not very prominent. Especially when the customer is in a hurry and spends very less time on the site, being an ecommerce theme the 'Buy' button should be very prominent and attract the attention of the customer.

Anybody else had the same issue or views or comments from their customers?
Nop-Templates team the overall theme is very good and I like the look and feel, is there something that can be done to only enhance the 'Buy' Button at all places so that it contrasts out and becomes prominent without changing the overall layout and other aspects of the theme.

Thanks
Insity Support


Hi,
because the space in the area where the "Buy" button resides is very limited, there is no way to make it bigger. Instead I can suggest you to swap the colors of the button and the price pad if you like (button goes yellow, price pad goes grey). You will need also to swap the styles of the texts inside. If you do, look for any unwanted side-effects on button hover, and if necessary - disable the hover effect.

4 years ago

nopmstr2014 wrote:
Hi 
Is there any way to display ALT text for free shipping image?
Thanks


No, since the image is applied as a background, there is no way to set an alternate text (ALT).

4 years ago

nopmstr2014 wrote:
Thanks for your reply.
How about 'Free Shipping' text,
How can I remove that text ?
Thank you


To remove the text, find the same piece of code again

.free-shipping {
    ... ... ...
}
and change the font-size property from 14px (current value) to 0. This will make the text disappear.

nopmstr2014 wrote:
Hi Everyone,
Our products have long name, in product catalog box (not product details page) its only displays  2 lines and it  doesn't show full name of the product.
I believe we have reduce font size to achieve this in Nitro Theme.
How can I show complete product name in product catolog box?
Thanks



Hi,
you can look up for this piece of code in your main CSS file (styles.css):

.product-grid .item-box .product-title {
    height: 36px;
    margin: 0 0 5px;
    overflow: hidden;
}

...and change the height value from 36px to say 56px (you can fine tune it as you like), this will make the text placeholder to accommodate 3 lines of text instead of 2. After that you can test and see if your catalog boxes look ok on different pages (it is a good idea to test the hover state of the boxes too).

Let us know if there is something else.

4 years ago

nopmstr2014 wrote:
Hi All,
Is there any way I can remove Free Shipping image from product details page and add a different image?
Thanks
Jilin


Hi Jilin,
you have to replace the image in the img folder of your project (Themes --> Nitro --> Content --> img/). the file name of the image is depending  on your color preset - "free-shipping-red.png", "free-shipping-green", etc. Find the image and replace it with the one you want.

Keep in mind that the place holder of the image is styled for images with dimesions of 85x85 px. If your new image is of a different size or scale, you'll need to change the place holder css styles in order to fit the new image. Look for this code in your main CSS file (styles.css):

.free-shipping {
    ... ... ...
}
... and change the width and height to anything you like. if your new image is 85x85 px, you don't need to change anything, just replace the image.

Let me know if you have any further questions.

Bugs
4 years ago

bobg@tgiltd.com wrote:
Then obviously there is a problem on your end, because it seems you are seeing a major difference. There are custom fonts in almost all out themes and the difference in font rendering is very minor, definitely not a problem.

This response seems oddly defensive to me?  I clearly stated that it was NOT a major difference, but rather that it was a noticeable.  This only matters because its presenting itself in the main menus and on the homepage which is the most visible text on the site.

This image below is snipped from your demo.  Do these differences pictured fall into what you would consider "acceptable" rendering, or do you think there's something else going on here?

https://docs.google.com/file/d/0BxSwbWwuTCU1ZFg4UVc0clVLZjQ/edit

FWIW - I use many of your templates for my customer sites and this is the first theme I recall having this issue.

Thanks


Hi,
from your screenshot I can see you are experiencing a severe font pixelization and not a "very minor difference" as we discussed before. This is definitely not related to the theme template (our themes are taking multiple cross-browser testings so it's not possible to miss such a serious problem).

Here is a screenshot from the demo as it looks in Firefox and in Chrome. As you can see the only difference is in the thickness, there is no pixelization.
Firefox
Chrome

Your problem could be coming from your browser, or from your operating system.

Which version of Chrome you have? Older versions had severe font rendering problems, take a look at this article for example:
http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/
As of version 37, Chrome claims the problem is being fixed but according to some users the fix is only partial.

Or, it could be your operating system (have you changed any anti-aliasing/ClearType settings?).

Anyway, I still suggest you to test your project on another machine with newest version of Chrome installed and look for a difference. If the problem is coming from the browser version and you want to support older versions too, here is an article that explains how to force Chrome to use SVG source instead of TT (true type) or WOFF, which could be a possible fix for you:
https://coderwall.com/p/5cvwyq

Hope this helps!

If you have any further questions or if you decide to change the font for specific elements on your site and need directions, let us know.

Bugs
4 years ago

Then obviously there is a problem on your end, because it seems you are seeing a major difference. There are custom fonts in almost all out themes and the difference in font rendering is very minor, definitely not a problem.
You can send us a screenshot if you like so we can see the difference (or give us a link if your website is available online), but I suggest you to take a look at the theme on another machine and with another version of Chrome installed and see if there is any difference.

Bugs
4 years ago

bobg@tgiltd.com wrote:
Not sure Id call this a bug per se, but the 'eurostyle' font you are using for the menus looks slightly off in Chrome.  I see the same thing in your demo.  It looks fine in the other browsers Ive tested.

a)  Do you see this as well or do you think its something on my end?
b)  If you do see it, anything you can do about this?

.header-menu > ul > li > a, .header-menu > ul > li > span {
    font: normal 14px 'eurostile';
    cursor: pointer;
}


Hi,
custom fonts rendering is always a tiny bit different in Chrome, the characters appear a little more thick and blurry, but the difference should be really small, if you are seeing a serious difference, then there is something else on your end.

Bugs
4 years ago

Thanks for reporting the problem, Mark,
we are going to fix it.

Regards