Add the word “from” next to product prices in the Impulse theme product pages

Technical Q&A
1

Hi,

I need to add the word “FROM” in front of my product price on product pages in Impulse theme. I tried code from other discussions and it did not work.

Would like to look like this

image

2

Hi @vaultfurniture,

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,

Wahab Ahmad

3

Some themes are more complicated like this, where each thing is located somewhere else and you have to track down exactly what each says

{%- if on_sale -%}<span class="price__sale">{{ money_price }} – {{ price_max }}</span>{% else %}{{ money_price }} – {{ price_max }}{% endif -%}

But for the sake of simplicity, you could do something like

<span class="price-from">From</span> {{ price_min }}

Or even more simple

From {{ price_min }}

Depends on what your theme has set for the different variables like sale price, compare-at price, minimum price, etc. If you paid for the theme already you should be able to “Edit default theme content”. From price is usually found there.

If in doubt, you can always find the place in the code editor that renders the price block, copy it and paste it into the Shopify Sidekick chat and ask it to help you find what and where you should edit.

4

Hello @vaultfurniture ,

If you need just a text ‘From’ just before the price in PDP page using Impulse theme.
Please follow these instructions:

  1. Edit this file product-template.liquid, you can find this file under snippets
  2. Search for this code
    {%- when ‘price’ -%}

Once found next to it add the text ‘From’ make sure to save the file and don’t break existing code in the file.
And if you need some logical thing here you can modify this code accordingly.

Regards
Guleria

5

Hi there, Thanks for the responses. I forgot to mention that I only need the “from” in front of some of my products that have a 3d configurator.

Is it possible to have that “from” price code on only certain products?

6

Use alternative templates for those products and check for the template suffix along with any other code conditions you’ve done so far.
https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-template
https://shopify.dev/docs/api/liquid/objects/template#template-suffix
https://shopify.dev/docs/storefronts/themes/architecture/templates/alternate-templates

e.g. when the template name is product.threeDconfigurator.liquid, OR product.threeDconfigurator.json, then use {% if template.suffix = "threeDconfigurator" %} as a condition etc.

Or if need further help for you reach out to me or one of the other other devs for services to set it up.

8

Thanks everyone for your input.

I made that product its own template and used custom HTML box above the “add to cart” button. I used the code below and got it to work.

image
image364×161 4.23 KB