Skip to main content

Highlighting quantities if greater than 1

Instructions you can follow if you'd like your product quantities to stand out whenever greater than one.

Haris Spahovic avatar
Written by Haris Spahovic
Updated over 5 months ago

Avoiding errors while picking and packing orders is crucial. So, being able to emphasize the number of items if the quantity is bigger than 1 is very useful. Here, you will find three different ways to emphasize the Qty of items if they are greater than one.

Note: To make these changes, you'll need to have access to the template code; and for that, you'd need to purchase the template.

Set any quantity that is greater than 1 to be red, bold, and bigger

1- Find the following line of code

<td class="text-center line-item-qty">×#{{ line_item.quantity }}</td>

2- Replace it with the code below.

<td class="text-center line-item-qty" {% if line_item.quantity > 1 %}style="color: red; font-weight: bold; font-size: 18px"{% endif %}>× #{{ line_item.quantity }}</td>

Note: You can use CSS according to your color, size, etc preferences

Highlight in yellow any quantity that is greater than 1.

1- Find the following line of code

<td class="text-center line-item-qty">×#{{ line_item.quantity }}</td>

2- Replace it with the code below.

<td class="text-center line-item-qty" {% if line_item.quantity > 1 %}style="background-color: yellow;"{% endif %}>× #{{ line_item.quantity }}</td>

Add a red box around any quantity that is greater than 1

1- Find the following line of code

<td class="text-center line-item-qty">×#{{ line_item.quantity }}</td>

2- Replace it with the code below.

<td class="text-center line-item-qty" {% if line_item.quantity > 1 %}style="outline: 1px solid red !important"{% endif %}>× #{{ line_item.quantity }}</td>

Having more questions? No worries, contact our support team using the message icon on the lower right corner of this page.

Did this answer your question?