Okay
  Public Ticket #3659714
DYNAMIC RULES
Closed

Comments

  •  6
    CANDY started the conversation

    I created a dynamic rule for a discount this month on a category of products. this creates a little sale icon that shows on all images of selected products. How can i edit that little sale banner? attached is pic of what i referring to

    Attached files:  Capture.JPG

  •  2,114
    WebWizards replied

    Hi there,

    It may be possible to control the name there, by setting the "discount name" field here in the dynamic rule:

    6069069702.png

    It depends a bit on the theme though so that doesn't always do it,


    Let me know if it can solve it for you.


    Kind regards,

    Stefan

  •  6
    CANDY replied

    yes the name changes there.. but where would i change the color of the circle. it is hard to read on the category pages.

    or would be nice if i can change the circle to something else

  •  2,114
    WebWizards replied

    The specific display of that is controlled by the theme (it's the theme's design for a "sale badge"), so it's not something our plugin sets.

    However, I think we can help send you some custom CSS to change the color and maybe the shape as well.

    For that, can you send me a link to a page where I can see that? (and a user login if it's needed). I'd need to open the page to be able to see its CSS directly.

  •   CANDY replied privately
  •  2,114
    WebWizards replied

    I tried but I am not able to log in with that account for some reason, it is saying "ERROR: The username or password you entered is incorrect. Lost your password?"

    However, you can add this CSS to your site:

    .single span.onsale {
        background: #ef320c !important;
        height: 30px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 30px !important;
        border-radius: 5px !important;
    }
    .archive span.onsale {
        background: #ef320c !important;
        height: 20px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 20px !important;
        border-radius: 5px !important;
    }
    

    It should result in the following display:

    - On the product page:

    3045943791.png

    - On archive/ shop pages:

    9291288641.png


  •   CANDY replied privately
  •  6
    CANDY replied

    I believe i got it...  i was able to manipulate the code you gave and get what we need. thank you