How To Change Price To Display Most Expensive Variant On Homepage/Collections Pages

Store Design
, , , , ,

Topic summary

A user seeks to display the highest variant price instead of the lowest on Shopify homepage and collection pages. Their product currently shows “From $500” (the cheapest option), but they want the most expensive variant price visible.

Initial misunderstanding: One responder suggested sorting collection products by price, but the original poster clarified they need to change how individual product prices display, not product order.

Working solutions emerged:

  • Liquid code modification: In product-block.liquid, change {% assign cheapest_variant = product.variants | sort: 'price' | first %} to use | last instead of | first, creating a costliest_variant variable.

  • Price.liquid edit: Locate the money_price assignment and change money_price to money_price_max in the code block handling product.price_varies.

  • External resource: A Stack Overflow thread was referenced for Dawn theme-specific solutions.

Outcome: Multiple users confirmed the money_price_max solution worked, displaying the higher price and removing the “From” prefix. Several participants expressed interest in this same customization, indicating it’s a common need.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello. I need help in editing the code on my shop. I am using third party theme, but it’s based on Down theme.
I have a product that has variants. Right now the price displayed on the homepage and collection is the lowest price. I want to display the highest price.

Does anybody know how I can do it?

Site: catssecret.co
Password: Baracuda99

Now it’s look like this:

Baracuda99_0-1686154155890.png
Baracuda99_0-1686154155890.png804×414 240 KB

Baracuda99_1-1686154189865.png
Baracuda99_1-1686154189865.png1425×450 452 KB

Baracuda99_2-1686154209044.png
Baracuda99_2-1686154209044.png1327×451 450 KB

I need to show 100% Payment variant on home page and collections pages

Thank you

2

Hey @Baracuda99

To display the products from Highest Price to Lowest Price on a collection, you need to Follow these Steps:

Follow these Steps:

  1. Go to Products
  2. Click on Collection
  3. Open the Collection from where you want to show Highest to Lowest Price Products
  4. Scroll down to the bottom and Sort the Products by choosing “Highest Price”
  5. Click on Save

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

I mean the display of the product price.

Now it shows the price as “From 500”, that is, the cheapest of all options.

I need the price of the most expensive option to be displayed on the main page and the collection page

4

Hi I need to do this too did you ever figure it out?

5

Any luck?

6

@Moeed , discover an easy solution for showcasing variant names and prices on Shopify collection pages in this YouTube video:

7

Nobody wants that

8

This may not be exactly what you’re attempting to do, but in the product-block.liquid code, my theme is using the following code to select the cheapest variant:

{% assign cheapest_variant = product.variants | sort: 'price' | first %}

You could modify that logic to get the costliest_variant (or whatever you want to call it) by changing the “first” to “last” like below:

{% assign costliest_variant = product.variants | sort: 'price' | last %}

Then, where you ouptut the variant price in your template, use your new “costliest_variant” instead of the “cheapest_variant” or whatever variable is there now. For example:


  Up to: {{ costliest_variant.price | money }}

Hope that helps, cheers!

Brant

9

Edit: I replied to the wrong person, sorry. Hopefully we can find a solution though.

I’m keen to find the solution to this too. Have you figured it out?
I’ll post here again if I find anything in my search.

10

I’m keen to find the solution to this too. Have you figured it out?
I’ll post here again if I find anything in my search.

11

Thanks Brant. For a Shopify code newb like me, how would I navigate to that piece of code?

12

Hey, this wasn’t working for me either.

I found a solution that worked here https://stackoverflow.com/questions/70671965/shopify-dawn-theme-show-max-variant-price-on-featured-collection-homepage

1 Like
13

I figured this out! FYI

You’d have to find the coding that’s responsible for showing the prices on your collection pages, and then edit the “money_price” value to be “money_price_max” … so that it shows the most expensive variant price on your collection pages, instead of the cheapest variant price (which is the default).

Generally this would be under the Price.Liquid

You’re looking for -

if target == product and product.price_varies
assign money_price = 'products.product.price.from_price_html' | t: price: money_price
endif

Change to -

if target == product and product.price_varies
assign money_price = 'products.product.price.from_price_html' | t: price: money_price_max
endif

Refresh the site

14

Thanks! This worked for me. It did two things: 1) displays my higher price (default product) 2) removed the From text so only the price shows.