Add 'From' before price on product page for debut theme

[socialexpmnt]

Hello!

I’m using the Debut theme on my store www.Bikinginparadise.com

I’d like to add ‘From’ before the prices on the product page.

Thank you in advance!

[DavidEKim]

Hi,

If you want to add “From:” without any conditions, you can simply add “From:” in to product-price.liquid.

Please go to snippets/product-price.liquid and find the code below (line 57-59).

          {{ money_price }}
        

Then, just add “From:” before {{ money_price }} as below.

          From: {{ money_price }}
        

If you need to add any conditions, you will need to add some other codes.

Hope it helps.

Thanks.

[made4Uo]

HI @socialexpmnt

Please follow the instructions below.

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

span.price-item.price-item--regular:before {
    content: "From";
}

Outcome:

[socialexpmnt]

Did not work

[socialexpmnt]

Close, but it still left the original price below the From: price. Maybe check lines 76-78 too?

Thank you!

[DavidEKim]

No.

Check the Snippets/product-price-listing.liquid (line 56-62).

Add the “From:” as below.

        {%- if product.price_varies -%}
          From: {{ 'products.product.from_lowest_price_html' | t: lowest_price: money_price }}
        {%- else -%}
          {{ money_price }}
        {%- endif -%}
      

Don’t forget to remove the “From” in snippets/product-price.liquid.

Hope it helps.

Thanks.

[socialexpmnt]

This is what I’m hoping to end up with, but none of the codes have worked so far. Please help me if you have any other solutions to try. Thank you!