Display Price Of Available Variants, Not Lowest Price

Topic summary

A Shopify store owner successfully modified their product card pricing display to show the first available variant’s price instead of the lowest price across all variants. The issue occurred when sale prices were applied to all variants—the system would still pull the lowest price rather than the first in-stock variant’s price.

Solution implemented:

  • Changed the code from product.variants | sort: 'price' | first to product.variants | where: 'available', true | first
  • This filters variants by availability before selecting the first one
  • The modification was made in the price-list.liquid snippet file (for Impact theme users)

Current status:

  • Initial implementation worked successfully
  • However, the original poster later reported the code stopped working
  • Other users requested similar help for different themes (Motion theme mentioned), but no additional solutions were provided
  • The thread remains unresolved regarding the code’s long-term functionality
Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Hello @Dclootbox Is your code above to show the default variant in the catalog page rather than the cheapest? If so this is exactly what I’m struggling to do. Could you please let me know (in very basic terms) where your code goes/replaces? If you could help I’d really appreciate it.

Thanks.