price change symbol

[sarpow]

is there any way to show a line through the original price and the new price in orange as seen in the photo? also the 'Save 50%' sign that is there as well.

thanks

[topnewyork]

Hello, @sarpow 
Please share "Store URL"
Thanks!

[sarpow]

myglowpurse.com

pass: being

[topnewyork]

First you need to enter these price as i show you on screen shot

Then I'll tell you how to change color
Thanks!

[sarpow]

yes ive done that, i now see a number crossed out, a new number on the right of it, and then the wors 'sake' on the right of that. i just need to know how to change the colour of the new price to orange, and how to add a number% next to the word sale. 

thanks

[topnewyork]

Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.price>* {
    color: #ffbd59 !important;
}
</style>

If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!

[sarpow]

thats perfect, thank you for your help. lastly, is there a way i can put as an example 'Save 10%' next to the price when buying 2? and then 'Save 20%' when buying 4? and so on?

[topnewyork]

yes it's possible, but it has long proceducre so you can follow youtube video... This is will be really helpful for you 

If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!

[DaisyVo]

HI @sarpow 

I noticed that in the Featured Collection, the product displays both the original price and the discounted price. However, on the Product Page, only one price is shown.

The default behavior of the Dawn Theme (when not edited) is to show both prices if there is a discount.

To proceed, you need to decide: Do you want to edit the card product in the collection view or do you want to edit the product page?

If you want to adjust the product page, please capture a screenshot of this specific section to check whether there have been any modifications made

Best,

Daisy

[sarpow]

ah yes daisy ive just realised that now that youve pointed it out, is there any way for it to just say 'From $27.99' under featured collections and the products page?

[DaisyVo · Accepted solution]

HI @sarpow 

In order to fulfill your request, please follow these steps
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>

{% if template.name == "product" %}
{% style %}
span.price-item.price-item--regular::before {
    content: "From";
}
.price__sale > span:nth-child(2) {
    display: none !important;
}
{% endstyle %}
{% endif %}

Here is the result: 

I hope this helps

Best,

Daisy 

[sarpow]

sorry daisy, thats not what i was after. I was asking whether it is possible, after changing it so that it shows the discounted price, if it is possible for it to only say 'From $27.99 AUD' as shown in the photo, and not '$55.99 AUD From $27.99 AUD', but still show the discounted price when you click onto the product.not sure if this makes sense so let me know if it doesnt,

thanks