If i use nop.ribbon plugings with my custome markup it's not working.

Hi ,

I have customize markup and nop.ribbon pluging not workig.

if i use your class then it's works but it put ribbon on product picture and i don't want to display it there(picture container) , i want to show it on other div or out side of picture container, how to do? please suggest

and if i change in your markup it's also not work.
suggest ,

Regards
Pvinit

Hi Pvinit,

Have you tried to change the settings of the ribbons from administration -> plugins -> Nop Product Ribbons -> Settings to match to your markup?

Hope that helps!

Hi,
Thank You For reply

Yes , I have Try to change the class name  according to my mark up in the nop.ribbon plugins > setting , but it,s not working.

Suggest
Regards.

Hi,

Waiting for Reply

Regards

Hi pvinit,

If you provide more information of how you have modified the markup exactly then we could advice if the ribbons can work or not with your changes.

Thanks

Hi ,

Thank you for reply ,

i have share mark up on this url, please check it:- http://jsfiddle.net/fHr9d/

And See ribbon is come in picture boxbut i want it out side of it , exactly i want it into
" <div class="offer-tag"> "  , See it is in mark up.

suggest how to do it?

Regards.

Hi Pvinit,

If I understand you correctly you want the ribbon to be inside

<div class="offer-tag">

instead of current wrapper.

This is not supported. Have you tried to add the class to the ribbon-wrapper itself.
Something like:

<div class="ribbon-wrapper offer-tag">
....
</div>

Hope this helps!

Hi,
Thank you for Reply,

sorry i didn't Get you. can you give me example in jsfiddle. (link which i give you),

and i don't say that i want ribbon in <div class="offer-tag"> or and other tag , i just want it(ribbon) on that place , not on product picture.

i hope now to clear what i mean.

Regards.

Hi,
I think I understand now.
You want something like this:

<div class='product-item' ... >
  <div class='offer-tag'>
    ribbon goes here
  </div>
  <div class='picture'> .... </div>
</div>

Unfortunately this is not possible without changing the JavaScript, which is not very good idea because if you upgrade you will need to merge the changes with the custom script.
But if you really need this, please write email to support and we will send you the modified script. :)

regards.