Public Ticket #3659714

DYNAMIC RULES

Closed
Comments
14 Tickets 7
CANDY started the conversation 2 years ago on June 3, 2024 at 1:25pm

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:

2,762
KingsPlugins replied 2 years ago on June 3, 2024 at 7:53pm

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

14 Tickets 7
CANDY replied 2 years ago on June 4, 2024 at 10:20am

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,762
KingsPlugins replied 2 years ago on June 4, 2024 at 11:48am

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.

2,762
KingsPlugins replied 2 years ago on June 4, 2024 at 8:25pm

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


Sign In