Add a “From” Price to Product Cards

By default, Shopify product cards show the standard product price.
If you’re using volume pricing, you may want to show a “From” price instead, highlighting the best possible price customers can get when buying in bulk.

This example calculates the lowest available tier price from your volume pricing tiers and displays it on product cards.

When to Use This

Use a “From” price if you want to:

• Highlight bulk savings earlier in the buying journey

• Increase click-through from collection pages

• Make volume pricing more visible before the product page

How It Works

• Reads volume pricing tiers from the product metafield

• Sorts tiers by quantity

• Uses the best (lowest) tier price

• Supports both fixed price and percentage-based tiers

Example Liquid Snippet

Add this code to your product card or collection item template
(e.g. card-product.liquid, product-grid-item.liquid, price.snippet or similar).

{% assign tiers_data = closest.product.metafields.mnml.volume_pricing_tiers.value %}
{% if tiers_data %}
  {% assign tiers = tiers_data.tiers | default: tiers_data %}
  {% assign sorted = tiers | sort: 'qty' %}
  {% assign best_tier = sorted.last %}

  {% if best_tier.type == 'percentage' %}
    {% assign multiplier = 100.0 | minus: best_tier.price %}
    {% assign lowest = closest.product.price | times: multiplier | divided_by: 100.0 | round %}
  {% else %}
    {% assign lowest = best_tier.price %}
  {% endif %}

  <span class="volume-pricing-from">From {{ lowest | money }}</span>
{% endif %}