Debut theme! Hot to make price in color red anywhere?

Solved
Highlighted
Excursionist
39 1 2

Hello dear friends,

where can I change the color of the displayed price anywhere on the page? I use the debut theme and want to paint my award in red.

Thank you

0 Likes
Highlighted
Excursionist
30 6 11

Hi fedordima! I'm assuming that you want only specific product's prices to be red. You will need to change your product template page in a way that it can differentiate between award prices and non-award prices and change the color of the price text accordingly. You can have it change color based on a certain 'tag' or 'metafield' which would take some time and programming. Shoot me a message and I can do it for a fair price, or if you're somewhat familiar with html and programming then I urge you to figure it out using the information I've given you.

1 Like
Highlighted

Success.

Shopify Expert
2741 470 605

Hi @fedordima 

If you want to change color of specific product price then you can add tag in product like "price--on-sale" then add condition in Snippet->product-price.liquid->find price--on-sale and add this condition.

 

{% if product.tags  contains 'sale_product' %}sale_red{% endif %}

2. Asset->theme.scss->paste bellow code in file at bottom

 

.sale_red {color:red;}

 

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
39 1 2

Thansk a lot, great idea!

0 Likes
Highlighted
Excursionist
39 1 2

Like this:

<dl class="price{% if available and compare_at_price > price %} price--on-sale {% if product.tags contains 'sale_product' %}sale_red{% endif %}" data-price>

But it shows an error "Line 57 — Liquid syntax error: 'if' tag was never closed!

0 Likes

Success.

Shopify Expert
2741 470 605

Its because of you have not closed if condition replace with below

<dl class="price{% if available and compare_at_price > price %} price--on-sale{% endif %}{% if product.tags contains 'sale_product' %} sale_red{% endif %}" data-price>
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted

Success.

Excursionist
39 1 2

Thanks, done it, but the rpice is still in the same color. I add to the rpdocut a tag like you said, but its dont change the color!

0 Likes
Highlighted
Shopify Expert
2741 470 605

Send me store url , I have to check for that may be you miss something, have you added css in theme.scss ?

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
39 1 2

I have added here: 

theme.scss.liquid

 

the url i send you in privat mail!

0 Likes