Product Price Range

Solved
KLC
Shopify Partner
2 0 2

I have products that need to show a range of prices based on the option that they choose. 

Medium armored shirt is $193

A Medium un-armored shirt is $93

3XL shirt armored is $209
A 3XL un-armored shirt is $109

 

I want the price on the product page to be a range of $93-209 but I do not see any way to do this without having to install an app and I worry the apps may not play well with others. 

Any help would be great. 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
4175 954 1162

This is an accepted solution.

Hi @KLC 

 

The simple code I can think about is using map and sort. And I assume you are using theme with custom liquid enable to make it simpler to add. Please follow the instructions below. 

 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Customize".
  • Go to your product page, and add a "Custom liquid" block. 
  • Place the the code below in the textfield provided 
{% assign price_range = product.variants | map: "price" | sort %}
{{ price_range.first | money }} - {{  price_range.last | money }}

 

See image for reference:

Made4uoRibe_0-1698271296623.png

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 2 (2)
Made4uo-Ribe
Shopify Partner
4175 954 1162

This is an accepted solution.

Hi @KLC 

 

The simple code I can think about is using map and sort. And I assume you are using theme with custom liquid enable to make it simpler to add. Please follow the instructions below. 

 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Customize".
  • Go to your product page, and add a "Custom liquid" block. 
  • Place the the code below in the textfield provided 
{% assign price_range = product.variants | map: "price" | sort %}
{{ price_range.first | money }} - {{  price_range.last | money }}

 

See image for reference:

Made4uoRibe_0-1698271296623.png

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


KLC
Shopify Partner
2 0 2

WOW, awesome!!! Thank you very much. 🙂