Skip to main content

Highlighting quantities if greater than 1

Explains how to emphasise the Qty of items if they are greater than one, to help staff packing your orders.

Written by Bjorn Forsberg

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 %}>&times; {{ 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 %}>&times; {{ 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 %}>&times; {{ line_item.quantity }}</td>
Did this answer your question?