Free shipping bar

Hello,
There seems to be an error with the free shipping bar.
When it reaches the figure, the bar goes beyond the browser margin and gives a negative achievement value.
See the screenshot
​

Attachments:

You must be logged in to view attached files.

Hello,

Please, disable all plugins that are not related to our theme and provide us with your admin access. We will log in and check what is wrong there. You can leave only the following plugins that are required for our theme:
XTemos theme core
WooCommerce
Elementor

Thank you in advance

Kind Regards

Hello,
the same thing happens in the already shared Test site.
Here are the login details again.

Try to add a very expensive product, worth 1800, to your cart, you will see the error.

Thank you

Hello,
I found the error, it simply doesn’t work if a comma is inserted in the fractional number, a period must be inserted.
Now it seems to work! Excuse me 😉

On this occasion I ask you another question on the bar.
The free shipping bar detects the color of the site and that’s OK, but I’d like to turn it green once I reach Free Shipping, how do I set this?
Currently the color remains unchanged and you cannot notice the difference.
Thank you

Hello,

For now, there are available only the title changes: https://prnt.sc/XyPz-rKPQ4hR

As for the color, there is no way to change it just by using the custom CSS. Therefore It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Kind Regards

Hello,
I tried from css, but it seems that I didn’t find any classes that differentiate the two states Before and After.
Can you tell me what the classes are for the two states, so I can write the code I need,

Thank you!

Hello,

At the moment, I see the issue with a very long progress bar, so please replace the coma with the dot (https://prnt.sc/xhrtMzE33BVN) and then apple the below code, it will help you to change the color of the progress bar when it is filled (100%).

body .wd-progress-bar .progress-bar[style*="100%"] {
	background-color: #37B73E;
}

Kind Regards

Hello,
Fantastic Thanks!

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards

[Author]

Posts