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 

12 comments

  • Adrian SamuelAdrian Samuel Posts: 322Moderator, 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
  • 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: 322Moderator, 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 
  • 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: 322Moderator, Lightspeed Staff moderator
    @ShopFlutter I've private messaged you
  • icantdrive75icantdrive75 Posts: 1Member
    @ShopFlutter @Adrian Samuel Did you guys get it figured out?
  • Adrian SamuelAdrian Samuel Posts: 322Moderator, Lightspeed Staff moderator
    @icantdrive75 we did :) Are you having the same issue?
  • 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: 322Moderator, 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!
  • 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: 322Moderator, Lightspeed Staff moderator

    @TimdB the barcode would still be the systemID.

  • 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!

Sign In or Register to comment.