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

Technical Q&A

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.
4

Hey @ConstantineLV

Pls follow below steps to fix your issue.

  1. Open your theme code editor

  2. Open the file ‘’ in the snippets folder.

  3. Replace your code in line 206 with below.

{% render 'price', product: card_product, price_class: '', show_compare_at_price: true, use_variant: true %}

Sonya_2025_0-1715744326019.png
Sonya_2025_0-1715744326019.png1847×1088 200 KB

Hope this helps. Feel free to reach out if you need any further assistance.