Need products to display highest cost on collection pages

Our website is an ecomm platform for a fine jewelry brand.
A lot of our earrings come with the option of “single” or “pair”. For some reason, no matter what I do it only displays the lowest possible cost of the item (the price of a single earring) on all of our collection pages. I want it to be the opposite, and show the highest cost variable, as it’s confusing for customers to click on a price only to uncover that it’s the price of one earring.

I’ve figured out how to correct the pricing on the individual product listing pages, thanks to Shopify support, however, I cannot seem to get it to match on our collection pages (here is an example of a collection page vs a product page)

support was able to determine that somewhere in our theme, there is a setting telling it to display the lowest possible cost. However I have ZERO idea where this filter exists in our code, and Shopify support wasn’t able to identify it either

1 Like

Hi @madelinehus ,

The example website you showed is using the Simple theme. If this is the theme you are using, please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Snippets folder, open the product-grid-item.liquid
  3. Find the all the product.price and replace it with the code below. Make sure you do not include the product.price_varies code. Make sure to click SAVE
product.price_max

Hi

This didn’t work :disappointed_face:

I was able to find the product-grid-item.liquid snippet and input the code you suggested, but it doesn’t seem to have an effect on the pricing that is showing up.

Here is the code for that snipped in case you want to take a look:

{% render 'image', image_src: product.featured_image | img_url: '480px' %} {% comment %} {% endcomment %}

{{ product.title }}

Any other ideas where this could be happening in the code?

Hi,

Looks like you comment out the code

Its should be like the code below


{% render 'image', image_src: product.featured_image | img_url: '480px' %}
{% comment %}  {% endcomment %}

Still not working.

i’m wondering if there’s other code in the theme that would be overriding this? Any ideas where else I could find that?

I found this code in the “product.liquid” page under Templates if it helps at all

{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}

{% section ‘product-template’ %}