You can display what the sales price was before the price list was applied, how much of a discount the customer is getting, and whether the price they’re seeing is specifically for them (such as a price caused by them being in a specific customer group).
Listings Page Code Snippet
<span v-if="listing.price && listing.price.not_regular_sale_price">
<span class="text-red">
<span v-if="listing.price.not_regular_sale_price && listing.price.price_list_entry && listing.price.price_list_entry.is_for_customer">Your price </span>
<span v-else-if="listing.price.is_reduced && listing.price.is_ranged">Now from </span>
<span v-else-if="listing.price.is_reduced">Now </span>
<span v-else-if="listing.price.is_ranged">From </span>
<span v-html="listing.price.sale_value.inc"></span>
</span>
<span class="block text-xs font-normal">
<span class="line-through" v-html="listing.price.regular_sale_value.inc"></span>
<span class="text-red">
Save
<span v-html="listing.price.price_list_diff_value.inc"></span>
<span v-if="listing.price.price_list_entry.is_decrease && listing.price.price_list_entry.is_percentage"> (<span v-html="listing.price.price_list_entry.display"></span>)</span>
</span>
</span>
</span>
<span v-else-if="listing.price && listing.price.is_reduced">
<span class="text-red">
<span v-if="listing.price.is_ranged" class="text-xs">Now from </span>
<span v-else class="text-xs">Now </span>
<span v-html="listing.price.sale_value.inc"></span>
</span>
<span class="block text-xs font-normal">
<span class="line-through" v-html="listing.price.value.inc"></span>
<span class="text-red"> Save <span v-html="listing.price.saving_value.inc"></span></span>
</span>
</span>
<span v-else-if="listing.price">
<span class="text-xs" v-if="listing.price.is_ranged">From </span>
<span v-html="listing.price.sale_value.inc"></span>
<span v-if="listing.price.not_retail" class="block text-xs font-normal">RRP <span v-html="listing.price.retail_value.inc"></span></span>
</span>
Product Page Code Snippet
<div v-if="has_price">
<span class="font-semibold" :class="{ 'text-red': is_reduced }">
<span v-if="not_regular_sale_price && price_list_entry && price_list_entry.is_for_customer">Your price </span>
<span v-else-if="is_reduced && is_ranged">Now from </span>
<span v-else-if="is_reduced">Now </span>
<span v-else-if="is_ranged">From </span>
<span class="text-xl">{{ "{{ sale_price.inc }}" }}</span>
</span>
<span v-if="not_regular_sale_price">Normally {{ "{{ regular_sale_price.inc }}" }} - <span class="text-red"> Save {{ "{{ price_list_diff_price.inc }}" }}</span></span>
<span v-else-if="is_reduced" class="text-sm">
<span class="line-through">{{ "{{ price.inc }}" }}</span>
<span class="text-red"> Save {{ "{{ saving_price.inc }}" }}</span>
</span>
<span v-else-if="not_retail" class="text-sm">
RRP <span>{{ "{{ retail_price.inc }}" }}</span>
</span>
</div>