How do I display the *maximum* price in product grid? (Dawn theme)

Solved

How do I display the *maximum* price in product grid? (Dawn theme)

digialkrouse
Excursionist
15 2 5

I have two variant types to sell for each of my products. The Main variant is the one my customers care about, and I'd like its price to display in product grids. However, when I add the Secondary, lower-priced variant, its price usurps the Main price, and the grid reads "From $secondaryprice."

 

Here in the Shopify Community, I found a solution that seemed promising (if combined with this one). However, the product-grid-item.liquid file to which it refers isn't listed in the theme files.

 

Any ideas for how to proceed?

Accepted Solution (1)
digialkrouse
Excursionist
15 2 5

This is an accepted solution.

Thank you - I had found the file, but not the code. Turns out that the "Edit Code" tool in Shopify doesn't have a usable search feature. I copied the code to a text editor and used the text editor's search to find it.

 

I ultimately got the maximum price to display by replacing this...

 

{% render 'price', product: card_product, price_class: '' %}

 

...with a variant of the code you suggested:

 

Single-build License: {{ card_product.price_max | money }}

Thank you for your help.

View solution in original post

Replies 9 (9)

made4Uo
Shopify Partner
3851 717 1195

Hi @digialkrouse,

 

In Dawn theme, you need the card_product.liquid file under the Snippet folder. 

 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Snippet folder, open the card_product.liquid
3. Find the code below

{% render 'price', product: card_product, price_class: '' %}

 

4. After the code, you can paste the code below

    From {{ card_product.price | money }} to {{ card_product.price_max | money }}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
digialkrouse
Excursionist
15 2 5

Thanks, @made4Uo. That sounds appropriate, but the code you cited is nowhere to be found in the card_product.liquid file. I tried a fresh download of the theme, and it's not in there, either. Am I missing something?

made4Uo
Shopify Partner
3851 717 1195

Hi @digialkrouse 

 

What version of Dawn do you have?

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
digialkrouse
Excursionist
15 2 5

Hi, @made4Uo. I'm using 6.0.2.

made4Uo
Shopify Partner
3851 717 1195

Hi @digialkrouse,

 

You should have the card_product.liquid under the Snippet folder

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
digialkrouse
Excursionist
15 2 5

This is an accepted solution.

Thank you - I had found the file, but not the code. Turns out that the "Edit Code" tool in Shopify doesn't have a usable search feature. I copied the code to a text editor and used the text editor's search to find it.

 

I ultimately got the maximum price to display by replacing this...

 

{% render 'price', product: card_product, price_class: '' %}

 

...with a variant of the code you suggested:

 

Single-build License: {{ card_product.price_max | money }}

Thank you for your help.

aliaz-
Excursionist
24 2 9

Thank you works great! Tried to solve this for several hours, your fix worked right away.

The pessimist sees only the tunnel; the optimist sees the light at the end of the tunnel; the realist sees the tunnel and the light - and the next tunnel.
finessaveursdes
Tourist
6 0 1

Great it works but i have an additional question :

After making the change to highest price display,

- How to still keep the price comparison display when i have sales on my product.

- To keep also the unit price by gram

 

finessaveursdes_0-1724599497332.png

 

dev-myk
Tourist
6 0 0

Hi, Thank you for your solution, it works well displaying the price ranges for products with variants. But it displays ranges even on products with no variants(Example: From $40.00 to $40.00), please help me out with that.