Adding "From" before price

Solved
Highlighted
Tourist
10 0 0

Hi.

 

As the 'Subject' states, I'm in need of adding the text "From" before the price on the products listing pages, frontpage etc.

After searching the web and this community, I've found a few solutions that almost does the job that I want and yet not entirely.

 

I need the price to always show "From" before the price, but when changing the size of the product on the actual product page, the "from" label dissapears and when I reload the page, it will say "from" on a higher price than it should.
It should always only display "From" infront of the LOWEST price.

So on my frontpage, it should say "From: xx" and on a Product page for the smallest size variant, it should say "From: xx" but with any other size variant, the from should dissapear.

Website in question:
www.hellederborg.dk

Theme used:
Supply

 

What I need:
https://www.screencast.com/t/UCxxsat5

I hope above makes sense - If not, please feel free to ask any questions so that I may elaborate.

 

Thank you in advance

0 Likes
Highlighted
Shopify Partner
1206 99 149

HI,

@PatrickE 

try this 

https://www.shopify.in/partners/blog/collection-page-price-range

 

 

if you face any issue feel free to reach out

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted

Success.

Shopify Expert
2669 445 577

Hi @PatrickE 

If you want to add 'from' text before all price then folow this:

1. Snippet->product-grid-item.liquid->find below line:

<span class="h1 medium--left">

Now add this line next to above line

<span class="from_txt">From</span>

2. Add this  css in Asset->theme.scss file at bottom:

.from_txt{font-size: 10px; color: red; text-transform: lowercase;}

image.png

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
Tourist
10 0 0

Hi @PatrickE 

If you want to add 'from' text before all price then folow this:

1. Snippet->product-grid-item.liquid->find below line:

<span class="h1 medium--left">

Now add this line next to above line

<span class="from_txt">From</span>

 

This actually worked for me.
I didn't need the color though - The link I provided was just a reference as to what it could look like.

But thank you!

Last question though.

I added it to list and grid... How do I add the "from" to the lowest price on the actual product page. It should ONLY show "From: " when the lowest possible price is shown/chosen.

 

I hope that makes sense.

0 Likes
Highlighted
Shopify Expert
2669 445 577

You can set this in Section->product-template.liquid file

If you just want to show for lower price then you have to make changes in Asset->theme.js file in variants changes function.

In product page we have just one price at time show but if you want to show from text if variant price lower then you have to make custom code in Js

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