Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

Solved

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

ConstantineLV
Tourist
8 0 1

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.

Accepted Solution (1)
Sonya_2025
Shopify Partner
294 36 53

This is an 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 %}

 

Sonya_2025_0-1715744326019.png

 

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

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME

View solution in original post

Replies 9 (9)

Sonya_2025
Shopify Partner
294 36 53

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?

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME
ConstantineLV
Tourist
8 0 1

I am using the Spotlight Theme

Sonya_2025
Shopify Partner
294 36 53

This is an 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 %}

 

Sonya_2025_0-1715744326019.png

 

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

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME
ConstantineLV
Tourist
8 0 1

That worked Perfectly!!

Thank you!

Angel1Web1
Visitor
3 0 0

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

Sonya_2025
Shopify Partner
294 36 53

Hi @Angel1Web1 

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

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME
Angel1Web1
Visitor
3 0 0

It works perfectly thanks, it was at the line 202

ReganK
Not applicable
3 0 0

Hi there

 

Can you please suggest a fix for Stiletto theme?

TheSpudwesier
Tourist
3 0 1

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?