How can I display a product's price range under its image on my site?

Hello! I was hoping to find an easy way to implement this across all products on my site: https://www.headbangersports.com/

  • I want to have a “youth vs adult” product price displayed under the product image card rather than just the “from” price shown. first image is my site, second is an example of how id like it to show. this isnt for the gloves alone but for ALL products. is there a way I can add in a chain of code to have it apply to all products where it shows lowest and highest price based on the different options of that product?

1 Like

Hi Cangelos772,

You’ll want to use the following liquid tags for this:

{{ product.price_min }}
{{ product.price_max }}

Implementation is going to depend upon the theme you are using and which types of pages you want to display the change on.

As a side note, Shopify’s liquid cheat sheet is a great resource for figuring out this sort of stuff.

1 Like

Awesome! Thank you. Now, say if i want it to apply to all products on all possible pages they are shown but only in this grid stye (theme is “SHOPIFY ISSUE LIVE THEME”), would the same liquid code be used? Could i just find where the previous code is and switch it out for the above?

1 Like

I believe this is where I’d sub out for the code you gave me. Just making sure before I try. Specifically the highlighted section.

1 Like

@wmiz

all are under span.money
I assume change it under the collections and it would apply to all? Just having trouble figuring out exactly where to change the code to apply.

1 Like

That looks to be correct, but it depends on how your theme is set up. Just in case I would make sure to duplicate your theme beforehand just in case. The prices will most likely have to be passed through formatting filters as well to look correct.

Sorry if im asking too much, but any suggestions on where to change the code particularly? I already tried taking out: “{{ wh_price | money }}” and subbing it with what you sent. no change.

1 Like

No problem at all! You want to try to search for & match up the surrounding/parent elements with those in your liquid files as much as possible to find where to put the code. It’s hard for me to diagnose 100% without access to your theme because there is a lot of variance from theme to theme. Contact me at willmiswebdev@gmail.com if you’re interested in hiring me to code it for you.

1 Like

Thank you! I’m going to try on my own and If I cant, I’ll reach out.

1 Like

Awesome, best of luck!