Skip to main content
All CollectionsAdvanced HelpStorefront Tips
Add Price Text To Quick List & Contract Items
Add Price Text To Quick List & Contract Items

How to add text to quick lists & contracts to highlight List/RRP and Sell Prices

Liam Cadle avatar
Written by Liam Cadle
Updated over 4 months ago

If your role permissions are set to allow your customers to see both List/RRP and Sell prices then they will see items on Quick Lists and Contracts similar to the picture below.

You may want to highlight with text what these 2 prices relate to e.g. List/RRP and Sell Price.

We can do this by adding some simple css to the Appearance > Theme Options > CSS Block in your admin screen

To add text to highlight the 'Sell Price' to your customer, copy and paste this css snippet:

For Quick Lists (change the words "Your Price" to your desired text):

.quicklistsedit.catalog-grid .tileparent div.price:before {
  content: "Your Price:";
}

For Contract Lists (change the word "Look" to your desired text)

.contractitems.catalog-grid .tileparent div.price:before {
  content: "Look:";
}

To add text to highlight the List/RRP price, copy and paste this css snippet (change the word "List" to your desired text):

.quicklistsedit span.rrp:before,
.contractitems span.rrp:before {
  content: "List:";
}

Hit Publish once you have completed this, your customers will now see prices displayed like this:

Did this answer your question?