How to implement price range in Spotlight Theme?

Technical Q&A
1

Hi there!

I know this question arrives more times than a daily news paper but I literally searched for days and tried 20 versions, also of other themes and to alter the code to my theme but I cant bring it to an end. We also tried some expert from fiverr but it failed also.

  • We’re using the Spotlight Theme.
  • No custom coding so far. (when the code is altered it’s on a copy)
  • We have a product where we sell the individual item for 9.99 and a 4 pcs. Set of it for 29.99.
  • It’s implemented over a 3rd Party App/Supplier which makes it impossible to create a single product out of the set
  • as of right now it shows just the single item price like: “From 9.99”

VSWildTom_0-1710585756233.png
VSWildTom_0-1710585756233.png312×411 33.5 KB

  • With the help of the expert from fiverr we got it to look like this, which is pretty good but we are also selling clothing and the line of price variants was just way too long (also still had the “From 9.99”

VSWildTom_1-1710586039398.png
VSWildTom_1-1710586039398.png330×607 47.1 KB

  • this would be the desired presentation: (also I don’t really understand why it says € and then EUR again)

VSWildTom_3-1710586406334.png
VSWildTom_3-1710586406334.png316×416 35.3 KB

If anyone could help us out, I’d cry happy tears.

Thank you already in advance!!

2

Hello @VSWildTom

Welcome to Shopify Community.

Can you share the product URL ?

Thanks

3

Hi Sweet_Savior_3 and thank you for the quick reply!

We launch in April so the store is yet protected by password - Could I provide you anything else that you’d be able to work with?

Thanks a lot!

4

Hey I can understand you may be concerned with your store’s privacy. But if I can check the product url then I can suggest you some solution.

If possible you can share the url and password in my inbox mentioned in the signature.

5

Hey @VSWildTom !

I was able to do what you wanted in Spotlight Theme. Check photo.

PaulMartin_0-1710588626524.png
PaulMartin_0-1710588626524.png381×663 22.3 KB

So what I did was go to Themes > … > Edit code > Search for the file “product.liquid” inside Snippets folder.
Next, look for this piece of code in the file. The numbering should be the same.

PaulMartin_1-1710588707406.png

Change it into:

PaulMartin_2-1710588732457.png

if target == product and product.price_varies
    assign money_price = 'products.product.volume_pricing.price_range' | t: minimum: money_price_min, maximum: money_price_max
  endif

And it should reflect after saving the file. Let me know if this works for you, if not, I’ll look for another solution for you.

6

Currently implementing a solution for removing the extra EUR, hold on for a bit

1 Like
7

Hi PaulMartin!

And thank you!!! That worked perfectly!

VSWildTom_0-1710589026844.png
VSWildTom_0-1710589026844.png326×429 38.9 KB

If you’d have any idea of how happy you made me, thanks a bunch!!

8

Found it. So to remove the EUR, go inside your Theme > Customize > Theme Settings > Currency Format > Turn off the “Show Currency Codes”

PaulMartin_0-1710589115489.png
PaulMartin_0-1710589115489.png921×845 63.8 KB

1 Like
9

You’re welcome! Glad that I could help you out :smiley: I also added a solution to remove the EUR, check it out if you still want to remove it.

10

Thanks so much!

The Currency problem is solved too!

If there’s any possibility to show my gratitude in form of a “coffee” let me know! You saved me so much nerves!

Thank you Paul!!

11

You’re welcome again Tom! :blush:

If you insist on buying a “coffee”, here’s my link: https://www.buymeacoffee.com/paulmartin