Re: How to add: "starts at" before price. or show custom price, rather than lowest price.

How to add: "starts at" before price. or show custom price, rather than lowest price.

WoodLeon
Tourist
4 0 1

Hey there! I have multiple variants on my products that range in pricing.  On the home page it is showing the lowest of these prices.  When people click on the item and see higher prices for the variant they want, they are disappointed and back away.  How can I add "starts at" before the $ amount, or perhaps even choose an average or custom price to display before customer clicks on product?

Replies 77 (77)
mimiT
Excursionist
18 0 2

Sure! it took you to a contact page because I want the customer to contact me before purchasing. but the price is listed on there as $2500 but I want the price to state "up to $2500"

suyash1
Shopify Partner
10472 1289 1651

@mimiT  - on that page I se 2500 only at place of the screenshot, you can change content from page back end, in pages

 

suyash1_0-1698932539866.png

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
mimiT
Excursionist
18 0 2

Oh sorry! I see what you mean now. I meant the price on this page: https://lejardinbridal.com/pages/custom-order-purchase

suyash1
Shopify Partner
10472 1289 1651

@mimiT - add this css to the very end of your base.css file and check

#price-template--21576398569783__d5adcc65-8bdd-4c9b-9fbb-4a15a6ee13c7 span.price-item.price-item--regular:before {
    content: "Up to";
}

 

suyash1_0-1698933021969.png

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
mimiT
Excursionist
18 0 2

Thank you so so much!! that worked! You did that so quickly! Sorry to bother you, but can you help me do the same thing on this page: https://lejardinbridal.com/products/custom-gown

suyash1
Shopify Partner
10472 1289 1651

@mimiT - try this css

 

#price-template--21576398242103__main span.price-item.price-item--regular:before {
    content: "Up to";
}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
mimiT
Excursionist
18 0 2

That is incredible!! Truly thank you so much!!

 

tiffanyrussell
Visitor
1 0 0

Hi! I sent you an email but I am trying to add this to my website as well. Any way you can help me? My site is: beautifullychaoticshop.com and my password is Local1. thank you so much

saachi
Excursionist
29 0 4

Hello @suyash1 ,

We've had to redo the entire website unfortunately. Would you please be able to help me out again with the same for the new theme please? 

url: www.blingfactory.com.au

suyash1
Shopify Partner
10472 1289 1651

@saachi - what is products have sale prices

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
saachi
Excursionist
29 0 4

The sale is only temporary. We need the "starts at" before all the products regardless

Adam_Matthews
Tourist
7 0 1

hi Suyash, are you able to produce the code to add the word "from" to specific collections? Only the products in this collection: https://www.matthewsjewellers.com/collections/diamond-engagement-rings

suyash1
Shopify Partner
10472 1289 1651

@Adam_Matthews - try this css

 

.template--diamond-engagement-ring-c .product-card__meta .product-card__price:before{content: "From"; margin-right: 10px;}

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Adam_Matthews
Tourist
7 0 1

Thank you Suyash. 

Where would I copy this code so that it says "from" for those specific products, no matter where they appear on the site?

suyash1
Shopify Partner
10472 1289 1651

@Adam_Matthews - no this css code will show from on this collection page only and not on the other pages

 

add this code to base.css file

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Adam_Matthews
Tourist
7 0 1

Ok. Thank you. Is it not possible to do this for individual products?

suyash1
Shopify Partner
10472 1289 1651

@Adam_Matthews - it is but it needs code editing where product template code needs to be edited so if product belongs to this collection, then it shows the text from

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Adam_Matthews
Tourist
7 0 1

Ok. Thank you for your help!

imshaunyo
Visitor
2 0 0

Occurs twice "from from USD$xxx" murchmerch.co please help

Antonikac
Tourist
4 0 0

Hello @suyash1 ! Could you please help me with adding a "starting at" to my wedding packages prices if it is possible. Here is the link 

Wedding Packages – Melodic Enterprises

suyash1
Shopify Partner
10472 1289 1651

@Antonikac - add this css to the end of your theme.css file and check

.template-collection .grid-product__price:before{content: "Starting at"; margin-right: 10px;}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Antonikac
Tourist
4 0 0

Thank you @suyash1 ! It worked, however I do have a question if it is possible where would I input this css for it to be on one specific collection and not have that "starting at" on all my products/collections?

suyash1
Shopify Partner
10472 1289 1651

@Antonikac - in that case remove previous given css and add this to the end of your theme.liquid file just before closing body tag </body>

 

<style type="text/css">
{% if collection.handle contains 'wedding-packages' %}
.grid-product__price:before{content: "Starting at"; margin-right: 10px;}
{% endif %}
</style>
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Antonikac
Tourist
4 0 0

@suyash1 Thank you sooo much I've trying to figure this out for forever!!

Antonikac
Tourist
4 0 0

@suyash1 Thank you for all the help and support it worked perfectly!! I have one last question! (Sorry for all these questions BTW!!) For future reference I plan to have "starting at" on most (if not all) of my products/collections but is there any way possible to have it on all the products/collections EXCEPT 1 or maybe 2 specific products  (ie. for a special/promo that I am running for a specific price - because sometimes I run specials for particular events for one base price, so having "starting at" would be misleading to my clients). 

imshaunyo
Visitor
2 0 0

hi Suyash. u might have missed my query on top. My "from $xxxUSD" occurs twice when I add it to multiple collections. ends up being "from from USD$xx" how can i ensure even if multiple collections, it only appears once? 

suyash1
Shopify Partner
10472 1289 1651

@imshaunyo - can you please share the page link where it appears twice, you can email if you want for quick communication

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

irunfree
Visitor
2 0 0

Thanks so much for heling so many. I would like to get the same for my site. 

https://sojourndwelling.com/collections/all