Help with print format for a shelf label containing price, barcode, brand etc?

ERPNext
1

Hi all,

I am surprised that there’s no default way to print shelf labels/price tags. Or if there is I definitely haven’t been able to find it. Does POS Awseome have a way to print shelf labels?

I’ve look through the old threads and managed to cobble some bits together to create a print format, but haven’t got everything I want in it and was hoping someone could point me in the right direction?

Currently I have the following (thanks to everyone who’s posted earlier threads I was able to get bits from).

<!DOCTYPE html>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Barcode+39&family=Poppins&display=swap" rel="stylesheet">

<style>

.dashboard-section{
    border: 1px solid;
    border-color: black; 
    width: max-content;
    padding: 6px 15px 6px 15px;   
}

.barcode-container {
    margin-top: 12px
}

.barcode-label-container{
    text-align: center;
}
.barcode{
font-family: 'Libre Barcode 39', cursive;
font-size: 40px;
}

</style>

<div class="dashboard-section">
  <div class="barcode-label-container">
    <div id="barcode-label" class="barcode-label">
      <div class="label-item-name label-field">
          {{ doc.item_name }}
      </div>

      
      <div class="label-item-barcode label-field">
        <div class="barcode-container">
            <div class="barcode">
               {{ doc.item_code  }}
             </div>
        </div>
        <div class="item-code">
               Item Code: {{ doc.item_code  }}
        </div>
      </div>

        <div class="label-item-price label-field">
            {{ doc.standard_rate  }}
        </div>
    </div>
  </div>
</div>
</html>

.dashboard-section{
    border: 1px solid;
    border-color: black; 
    width: max-content;
    padding: 6px 15px 6px 15px;   
}

.barcode-container {
    margin-top: 12px
}

.barcode-label-container{
    text-align: center;
}
.barcode{
font-family: 'Libre Barcode 39', cursive;
font-size: 40px;
}

In terms of issues. I wanted to list the barcode not our product id but none of the barcode data tags seem to work. The price rate doesn’t seem to work. And also it only prints one per page, rather than fitting a load of them on one A4 (say 24 per page or similar.)

I’ve tried some of the solutions I’ve seen in earlier threads but really have no idea what I am doing…

2

So I’ve got the barcode switched so that it displays, but it’s not scannable it seems.

  <div class="label-item-barcode label-field">
        <div class="barcode-container">
            <div class="barcode">
               {{ doc.barcodes[0].barcode  }}
             </div>
        </div>
        <div class="label-item-barcode label-field">
               {{ doc.barcodes[0].barcode  }}

The price doesn’t seem to work using the standard_rate tag. Is this because I’m using the pricelists feature?