Customizing Labels - Hide Barcode - Use That Space for More Description

Greetings-

I've been playing with the code in the print templates for itemLabel.

I would like to use the white space that appears when you Hide the barcode to make our long descriptions for products fit.

If possible I'd like the entire area of a 2.00x1.00 label size to simply have 
Price
Description
Custom_sku

But the space between <article> </article> won't enlarge to fill the space.

Tried to increase the bottom margin with:
{% set alt_bottom_margin
But to no success.

I have been able to move the barcode off the label with:
{% set alt_barcode_vertical =

I can't understand why you can move the barcode all over the label (even to cover the description) but I can't get the description space to increase.

Any help/suggestions would be greatly appreciated.
Todd 

20 comments

  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator
    Hey @ShopFlutter, you need to change the height of the article element to take up the vacant space that the barcode element left.

    To do this, stick this in the CSS portion of the template.

    .label article {height: 100%;}

    What we're saying is that the article element which is a child of the containing label div element should be 100% of it's container space. By default it is set to 56pt hence why it's hard to adjust things

    If you're not sure where to put this, line 122 of the label template here will do:

    https://github.com/merchantos/PrintTemplates/blob/master/label/customizable_label.tpl

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • ShopFlutterShopFlutter Posts: 3Member
    Hi Adrian-

    Thank you so much for responding.
    I placed the code in row 122 on the label template but I'm not seeing any difference in the size. 
    Here's a screenshot of my code which coincides with row 122:


    Can you tell me where my error is?

    Thanks

  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator
    @ShopFlutter you won't see a difference in size since the article tag is invisible, but try to move any elements downwards within in it and you'll see they have the space to manoeuvre 

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • ShopFlutterShopFlutter Posts: 3Member
    Hi Adrian-
    Thank you again for your help.  My apologies for my constant questions but I'm not getting this to work.
    Here is what the label looks like with the barcode

    Then once I remove the barcode

    Then I go to increase the font size and it still cuts off

    I attempted to manipulate the bottom margin of the label:

    I attempted both positive and negative numbers but the description display has not increased.

    I really appreciate all your help with this.  Is there anything else you can suggest I do to get be able to fill the entire label with description?

    Thank you,
    Todd
  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator
    @ShopFlutter I've private messaged you

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • icantdrive75icantdrive75 Posts: 1Member
    @ShopFlutter @Adrian Samuel Did you guys get it figured out?
  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator
    @icantdrive75 we did :) Are you having the same issue?

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • TimdBTimdB Posts: 6Member
    @Adrian Samuel I have a similar question about the labels, is it possible to change the current barcode with the system id into an EAN-code?
  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator
    Hey @TimdB, if you look on line 308 & 309 on the template repo (https://github.com/merchantos/PrintTemplates/blob/master/label/customizable_label.tpl) you should see to lines, two lines for two different size labels.

    Embedded in tthat is a template object that says

    Label.Item.systemSku
    As long as your EAN is valid, you should be able to change this to 

    Label.Item.ean

    And it should work!

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • TimdBTimdB Posts: 6Member
    And would this also change the barcode into the EAN or would the barcode still be the system id?
    Thank you!
  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator

    @TimdB the barcode would still be the systemID.

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • angusHangusH Posts: 1Member

    I have been following this thread about hiding the barcoded on lightspeed retail to make more space for the description to take the entire label. I tried all the stuff above with no success. I've also tried deleting code associated with "barcode"

    Any help or insight is much appreciated. Thanks!

  • cirellijewelerscirellijewelers Posts: 3Member

    It appears this is the go to thread on adjusting/editing labels. We are using the Zebra jewelry labels and the barcode on the side is the auto generated System ID. For our purposes this is a complete waste, as the SKU or Custom SKU is much more important. Can you PLEASE help us replace the System ID with a SKU/Custom SKU that still has a scannable barcode? Any help would be greatly appreciated.

    As a side note: Coming over from Lightspeed Onsite I've found Retail is insanely prohibitive in the ability to have and create custom labels with whatever information you'd like shown, and that is excluding the fact that with the Dymo printer we were able to use MANY different styles of jewelry tags and we are now stuck with 1 style that is far from appropriate for every type of item we sell. This feels like a big step backwards in regards to labels + tags.

  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator

    @angusH, you'll likely need to consult with a third party developer, it is possible that you've introduced a bug in the template preventing further changes.

    @cirellijewelers following on the discussion prior to this, to change the SystemID which is set in the template as

    Label.Item.systemSku

    on line 308 & 309 of the following template:


    If you want to display the customSku field

    Change the Label.Item.systemSku to either:

    Label.Item.ean - For EAN

    Label.Item.customSku - for the Custom Sku field

    Label.Item.upc for the UPC field

    This however will not change the barcode to recognise a custom sku, but will simply change the text that appears under the barcode.

    The barcode cannot be changed except for custom development that would require some experience with javascript programming.


    Our development partner AdVision would be able to assist in this area:


    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • cirellijewelerscirellijewelers Posts: 3Member

    @Adrian Samuel I have changed the lines 308 and 309 as specified to show the Custom SKU but the jewelry tags don't show anything different than before. Is there anything else needing adjustment so that this information will print? Thanks!

  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator

    Hey @Cirellijewelers, no, however there are a number of problems you could introduce which prevent it from working depending on how you edited it. We would recommend our development partners to assist you in this instance

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • cirellijewelerscirellijewelers Posts: 3Member

    @Adrian Samuel Isn't it as straightforward as Settings - Advanced Setup - Print Templates - ItemLabel - Edit 308/309? Seems like a lot of others are doing this themselves without paying a 3rd party to edit 2 lines of code.

  • alamodealamode Posts: 1Member

    I would love to know how you solved the article height issue from the beginning of this thread. I'd love to use that piece of code for my custom label template.

    Or if anyone is willing to share any useful snippets of custom label code for general use.

  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator

    @cirellijewelers it should be. If you are having issues however, that's where our partners come in. You can call into Retail Support and someone there may be able to support you but as a policy, it's out of the scope of expertise to assist with custom print template amendments

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

  • Adrian SamuelAdrian Samuel Posts: 470Moderator, Lightspeed Staff moderator

    @alamode, were you able to add the CSS in the template on the line specified?

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

Sign In or Register to comment.