Home › Forums › WoodMart support forum › How to add text before the sale label?

How to add text before the sale label?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 23, 2023 at 5:56 pm #483588

    RD
    Participant

    Hello,
    on the theme options we have the option to “Sale” label in percentage.
    so on the front, each product in sale get a label with something like: -%50
    I would like to add a fixed text before this number so it will say: You Save: 50%
    how can I do that?

    thanks.

    July 24, 2023 at 12:08 am #483611

    Elise Noromit
    Member

    Hello,

    The Sales label is too small and this text would not fit the width of the label. If we make a small text it would not be readable.

    If you have any questions please feel free to contact us.

    Best Regards

    July 24, 2023 at 12:14 am #483613

    RD
    Participant

    thanks for the answer.
    can’t we do it bigger? so the width will be bigger? I don’t think it will cause to an issue.
    Please let me know how can I do that.

    thanks.

    July 24, 2023 at 12:56 am #483623

    Elise Noromit
    Member

    Hello,

    If we make it bigger all the labels: new /how would also be increased. If it fits you, please provide the page URL.

    Best Regards

    July 24, 2023 at 11:11 am #483691

    RD
    Participant

    can you explain how I can do it? and I will do it myself?
    I don’t need the css code, just to know how to add the extra text I need and where.

    thanks.

    July 25, 2023 at 3:09 am #483896

    Elise Noromit
    Member

    Hello,

    If you have CSS skills you can do it on your own.

    If you need help, please provide the page URL.

    If you have any questions please feel free to contact us.

    Best Regards

    July 25, 2023 at 9:30 am #483941

    RD
    Participant

    Hello,

    please provide me the code to add the text before the %xx amount.
    thanks.

    July 25, 2023 at 4:12 pm #484067

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .product-labels.labels-rounded .product-label:before {
content:"You Save: "
}

    if this code does not work, try this one: 

    .product-labels.labels-rectangular .product-label:before {
content:"You Save: "
}

    If you have any questions please feel free to contact us.

    Best Regards

    July 25, 2023 at 9:08 pm #484135

    RD
    Participant

    thanks,
    but also, how can I remove the minus sign?
    so it will say: “You Save: 60%” AND NOT “You Save: -60%”

    thanks.

    July 26, 2023 at 2:34 am #484170

    Elise Noromit
    Member

    Hello,

    Unfortunately, it is not possible to remove the minus. It is a part of the text.

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)