How can I fix the price display issue in my online store?

Technical Q&A
1

Hello!

I need help on fixing my prices on my store. For example, both the compared at and the discounted price are displayed as greyed out and cut with a line. I’d like if only the original price would be greyed out, the discounted one being bigger and of another colour. Photo for reference:

Lovasa_0-1615671871811.png

Store: https://lovasa-shop.com

Thank you in advance!

2

Up! Anyone having ideas?

3

Does this happen on a fresh version of the theme?

I can see the styles that is making it grey and adding the strikethrough, but that can’t be the main cause as it’s done in a weird way. I think this is more down to the JavaScript error I see on the site. I am holding off giving you CSS to fix the display issue as there’s clearly more than that going on. Does the theme developer offer any support?

4

Hello and thanks for the reply! The theme is from envato elements and I am not offered any support on it, so that is why I am trying to reach out here. I’ve had a lot of problems, I know nothing about code, this is the first time I’m building a website and I keep trying to make things right with trial and error, but some things I just can’t fix. There’s also a few other problems, but I already posted and nobody seems to be able to help me. At least, if you got any idea of the price bug, and could help me out, I’m all here for it, thank you very much!

5

Up! Anyone has ideas?

6

Have you considered reaching out to envato and asking for refund if you have many problems with this theme and this obvious error?

One of my clients was successful in “returning” the broken theme to envato.

This particular problem can be solved by adding a CSS code like this to the very bottom of your, say, styles.css or styles.css.liquid Asset:

.product .product-price> .money {
    text-decoration: none;
    color: inherit;
}

Be sure to make a theme copy via Actions=> Duplicate as a backup first.

7

Thank you for the reply!!

It’s from Envato Elements, I can’t get support for the theme, and basically, you pay a monthly subscription and can download anything from Elements, so there’s that.

I can’t find styles tho..

8

Up! Any ideas?

9

Ah, right. Try adding the code to the engo-customize.scss.liquid asset.

10

Hi @Lovasa ,

This is my recommendation for your question. You can add CSS to the file style:

.product-item-v1 .product-price > span {

text-decoration: none;

}

Hope this helps!

11

Thank you everyone, it works like a charm now!

Edit: If you have any idea how can I add the currency symbol, like I want it to say for example : 100RON/LEI, which is my country’s currency, like saying 20$ instead of just 20.