How to replace price with a metafield on collection page for a single collection type

Topic summary

A Shopify store owner selling tile products wants to display square foot pricing instead of carton pricing on their collection page, as customers prefer to see per-square-foot costs rather than per-carton prices.

Proposed Solution:

  • Locate the liquid file that renders the collection page product grid
  • Find where the price is currently displayed (typically under title and brand)
  • Comment out the existing price code using {% comment %}...{% endcomment %}
  • Add a metafield to display the custom square foot price using syntax like {{ product.metafields.my_fields.priceperqsq.value }}

Key Limitation:
The responder notes that specific implementation instructions require access to the theme code, as different themes have varying structures. The solution provided offers generic guidance that needs to be adapted to the specific theme being used.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

I am starting to sell tile, and I can only sell it by the carton, but customer do not care about cartoon price, they want to see Square foot price.

My interal price is the carton, but i want to show SQ FT price first in collection view

How can i do this?

https://shop.poshhaus.com/collections/tile

thank you

Hey there,

I can’t give you specific instructions without seeing your theme code. It’s like I ask you “I have a tile, how should I install it” (Without you knowing the location that it need to be installed, size, color, material).

I can give you a very generic instructions:

  • You need to find the liquid file that shows your collections (grid of products)
  • Locate where the price is being rendered under title and brand
  • Comment out the price {% comment %} comment goes here…{% endcomment %}
  • Add {{ product.metafields.my_fields.pricepersq.value}} In this example my_fields is my name space and pricepersq is my price per SQ field name.

Hope that helps!

1 Like