How can I display the first variant's price on the collection page (Spotlight Theme)?

Topic summary

A Shopify store owner selling lightsabers needed collection pages to display the first variant’s price instead of the cheapest variant. The issue: products offered both complete sabers ($100) and hilts-only ($60), but collection pages defaulted to showing the lower hilt price rather than the full product price.

Solution for Spotlight Theme:

  • Navigate to theme code editor → snippets folder
  • Locate the price rendering file (around line 206)
  • Replace existing code with: {% render 'price', product: card_product, price_class: '', show_compare_at_price: true, use_variant: true %}
  • The use_variant: true parameter forces display of the first variant’s price

Additional findings:

  • Solution confirmed working on CRAFT theme (line 202)
  • For users wanting the opposite behavior (showing lowest price), suggestion was to reorder variants in Shopify admin to place the cheapest variant first
  • One user inquired about Stiletto theme compatibility but received no response

The original poster confirmed the fix worked perfectly. The solution involves a simple code modification to the theme’s price rendering logic.

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

Hey @ConstantineLV

Welcome to shopify community.

Your requirement sounds reasonable. And it is possible to fix it.

To fix your issue efficiently, tell me what theme are you using?