How do I display the prices from my price list?

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">&nbsp;(<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>

Articles in this section

Was this article helpful?
0 out of 0 found this helpful