Solved

How to implement price range in Spotlight Theme?

VSWildTom
Tourist
8 0 0

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

 

  • 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

 

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

     

VSWildTom_3-1710586406334.png

 

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


Thank you already in advance!!

Accepted Solutions (3)

PaulMartin
Shopify Partner
195 34 64

This is an accepted solution.

Hey @VSWildTom !

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

PaulMartin_0-1710588626524.png

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.

View solution in original post

PaulMartin
Shopify Partner
195 34 64

This is an accepted solution.

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

 

View solution in original post

PaulMartin
Shopify Partner
195 34 64

This is an accepted solution.

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

View solution in original post

Replies 10 (10)

Sweet_Savior_3
Shopify Partner
1201 96 116

Hello @VSWildTom 

 

Welcome to Shopify Community.

 

Can you share the product URL ? 

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
VSWildTom
Tourist
8 0 0

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!

Sweet_Savior_3
Shopify Partner
1201 96 116

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.

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

PaulMartin
Shopify Partner
195 34 64

This is an accepted solution.

Hey @VSWildTom !

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

PaulMartin_0-1710588626524.png

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.

PaulMartin
Shopify Partner
195 34 64

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

PaulMartin
Shopify Partner
195 34 64

This is an accepted solution.

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

 

VSWildTom
Tourist
8 0 0

Hi PaulMartin!

And thank you!!! That worked perfectly!

 

VSWildTom_0-1710589026844.png

 

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

PaulMartin
Shopify Partner
195 34 64

This is an accepted solution.

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

VSWildTom
Tourist
8 0 0

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!!

 

PaulMartin
Shopify Partner
195 34 64

You're welcome again Tom! 😊

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