Add text before price on product cards/collection pages dawn theme

[JordiP]

Hello, I need to add a text saying 'Desde' before the pricetag on product cards/collection pages, however I want the text to not appear once on the product page.

This is cause my prices start from 9.76 and I want to make it evident, but I dont want the text appearing anymore on the product page as it has no use there. Any help is appreciated!

 (^ This is what it looks like now)

 (^ This is what I would like it to look like roughly)

Store: artisimo.es

[DaisyVo · Accepted solution]

Hi @JordiP 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.card-information .price__container .price__regular::before {
    content: "Desde ";
}

Here is the result: https://prnt.sc/ENAwuXNZTkd9

I hope this helps

Best,

Daisy

[JordiP]

Thanks! Would it also be possible to turn the text & price red?

[BlackCro]

You can achieve this by including a variable on the render price element to control when 'Desde' is displayed. Below is an example of how to accomplish this on Dawn theme. 

Firstly locate the first occurrence of money_price declaration inside price.liquid and insert the following code. 

{% if desde_price %}Desde{% endif %}

Then locate the render 'price' declaration inside card-product.liquid and add the following code to the end of the variable list

, desde_price: true

This will then display 'Desde' only on the collections page and not the product page. Additionally anywhere where render 'price' is used, you can include the desde_price variable to toggle on the text. 

Hope this helps

Simon