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

[ConstantineLV]

I want to display the first variants price on my website for all product prices. The problem I have is its displaying the cheapest price for the variant. My problem is the lowest priced variant is not the price I need to display. I need to display the 1st variants price and not the last one.

For reference I sell lightsabers, and an option for each model is to just buy the hilt which is cheaper than buying the whole saber. I need the price displayed for the whole saber and not just the hilt.

For example the whole sabers price is $100 but the Hilt itself is $60 so my collections display the lower price as the price of the item and not the price for the whole product.

[Sonya_2025]

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?

[ConstantineLV]

I am using the Spotlight Theme

[Sonya_2025 · Accepted solution]

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 %}

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

[ConstantineLV]

That worked Perfectly!!

Thank you!

[Angel1Web1]

Hello dear, I have the same problem, do you think could work also for the CRAFT theme?

[Sonya_2025]

Hi @Angel1Web1 

Yes, it should work on your theme too. Please have a try.

[Angel1Web1]

It works perfectly thanks, it was at the line 202

[ReganK]

Hi there

Can you please suggest a fix for Stiletto theme?

[TheSpudwesier]

I have the opposite of this problem. I WANT to show the lowest priced variant but it currently shows the first variant (which is also out of stock), what should the code be in line 206?