Change Price Range to Display First Variant Price Instead Stiletto Theme

Store Design
, , , ,

Topic summary

A Shopify store owner using the Stiletto theme wants to modify how product prices display on collection pages. Currently, products with variants show a price range (e.g., “from $1.50”), which confuses customers since sample sizes are rarely purchased and most buyers need retail-sized products costing $25+.

Desired Change:

  • Display the first variant’s price instead of the full price range
  • This assumes the first variant always represents the normal retail size

Solution Provided:
Use Liquid code to target specific variant prices:

  • {{ product.variants.first.price }}
  • {{ product.first_available_variant.price }}
  • {{ product.price_max }}

Caveats:

  • This approach only works if the first variant consistently represents the retail product across all items
  • More robust logic may be needed otherwise
  • Screenshots were shared showing current price display code

Status: The original poster is seeking clarification on where exactly to implement this code change. The discussion remains open with implementation details pending.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Theme: Stiletto

Currently, my site displays a price range for products with variants on collection pages. Since some of my products have a very small sample size, users get confused or bothered that it shows a price range that says “from $1.50” when in reality they will have to spend >$25 for a retail-size product.

I need to be able to adjust the price range to instead display the price of my first variant which is the normal-size product that is most commonly purchased. I’ve messed around in the code and can’t seem to get it right.

Attached is a screenshot of how it displays on the storefront as well as the code for the product item price.

Screenshot 2023-05-11 at 3.23.19 PM.png
Screenshot 2023-05-11 at 3.23.19 PM.png1968×1806 464 KB

Screenshot 2023-05-11 at 12.41.13 PM.png
Screenshot 2023-05-11 at 12.41.13 PM.png2990×1090 183 KB

2

use the variants object on the product object to get that variants price, or first_available_variant ,
or the price_max property, etc

https://shopify.dev/api/liquid/objects/product

{{ product.variants.first.price }} {{ product.first_available_variant .price }} , or {{ product.price_max }} , etc

This of course fully relies on the assumption that the first-variant for EVERY product will ALWAYS be “the normal-size product”, otherwise you need to build in some more robust logic.

If you need that type of customization , you can contact me directly for services.
Please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact Info in signature.

3

Where exactly in the code am I replacing this information?

4

Where exactly in the code am I replacing this information?