Product Ribbon showing two ribbons

http://upurs.us/image/57825.png
Why there are 2 NEW ribbons visible on the  product.

Please reply

Thank you in advance

Hi PVINIT,

Could you tell me which version of the plugin are you using ?
And can you give a link to your site ?

Thanks

I have this same issue so i'm wondering if it was resolved. If I add a "New" product ribbon image, the default, generated ribbon also loads behind the ribbon image. I'm using Smart theme with the latest plugins.

http://imgur.com/tMdEYSu

I still have this problem...any solution or ideas why this is happening? I'm running nop 3.2, Smart theme, 3.21 plugins. Any help would be greatly appreciated.

HI jburke,

By looking at your screenshot I can see that you probably have - 1 picture uploaded (the green one) + text added "New" + some css styles added in the css boxes for the Ribbon.
I don't know what you need but you can either remove the picture or remove the text and the styles. This way either only the picture will be shown or the text with the styling (blue circle).

Thanks

I should have elaborated further. If no text and no image is added, it just shows a blank blue circle...

Hi,

The blue circle is the default ribbon styling that comes from the css of the ribbons. It was added so that customers can create ribbons which are styled without knowledge of css.
In order to remove the default blue circle you should edit the Plugins\SevenSpikes.Nop.Plugins.ProductRibbons\Themes\Smart\Content\Ribbons.css file and remove the following:

.product-ribbon {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background: #5be;
  padding: 0 5px;
    text-align: center;
    line-height: 70px;
  font-size: 0;
}
.ribbon-text {
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  vertical-align: middle;
  line-height: normal;
  font-size: 18px;
  font-weight: normal !important;
    color: #fff;
}

Also open the Plugins\SevenSpikes.Nop.Plugins.ProductRibbons\Styles\Ribbons.common.css file and remove the following:

.ribbon-text {
  border-radius: 3px;
  box-shadow: inset 0 1px 0 #ea2626, 0 1px 2px #999; 
  background: #c00; /*old browsers*/
  background: linear-gradient(#e60000 0%,#b30000 100%);
  padding: 7px 10px;
}

Thus you will be free to add your own styling or use just an image.

Hope that helps!

Please let us know if you need any further help!

Hmm...in the past versions, adding an image ribbon seemed to remove the css version automatically. I would like the option for both so I don't want to just remove the css. Am I missing something? Or has this functionality been changed in the current version?

Hi,

I am not sure that it had been differently in the previous versions. The ribbons had been changed slightly from version 3.3, but older version should behave alike.

I can suggest you copy and save somewhere this css and if you want to have a ribbon in a blue circle, you can just paste this css in the administration of the ribbon(as you know there are textboxes for adding css for ribbon image, ribbon text, etc.) and have the same default blue circle.
You can create a ribbon and paste this styling. Then just make the ribbon always fail and thus you will have the default styling saved and when you need yo can use it for making a default blue circle ribbon.


Hope that helps!


Should you need any further help, please let us know.

This is occuring for us as well on 3.5 Nitro Theme. I have a ribbon set up for all products that at first was working fine but now displays twice:

http://i.imgur.com/KbhH1h5.png

When you hover, the one goes away but the other remains:

http://i.imgur.com/W2ZZ9qA.png

It's also showing up twice in the code:

http://i.imgur.com/XzRockC.png


This seems a bit different from the others posts but maybe not. Please let me know if you have any ideas or need further information.