Thermal Printer Template Text Wrap

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
8 November, 2016 at 2:05 pm #23163
Pawel Cichonski
Participant
I figured out how to manage the printout on thermal printer. The only thing is that the TEXT in Qty-Article-Price section is always wrapping, regardless how long is the text. This is the only section somehow that is doing so in case when the text is too long. Can’t figure out where I can apply to wrap the text anywhere else as it is going off the receipt. As you can see in the photo the text was larger but the Qty-Article-Price section nested itself correctly. I tried to use white-space:wrap; but it does not help much. The second thing is that I cannot edit how large is PAYMENT TYPE / PAYMENT METHOD and TRANSATION ID, cannot find them in the Print Order template.

my email template:
```
html,body,table,tbody,tr,td,th,span{font-size:12px;font-family:’Trebuchet MS’, Helvetica, sans-serif;margin:0;padding:0;text-align:left;white-space:wrap;}
table{width:100%;margin:0 0 10px 0;}
th{padding:5px;}
td{padding:0 5px;vertical-align:top}
#header{margin:0;}
#header td{font-size:200%;text-align:left;}
#header #blogname td{white-space:nowrap;padding-bottom:5px;}
#header #address td{white-space:nowrap;font-size:130%;padding-bottom:5px;}
#multisite{margin:0}
#multisite tbody>tr>td{text-align:left}
#overview tbody>tr>td{width:50%;white-space:nowrap;}
#overview tbody>tr>td:first-child{text-align:right}
#overview tbody>tr>td:last-child{text-align:left}
#overview #order_date td{border-top:2px solid;border-bottom:2px solid;font-size:140%;text-align:left;padding:5px}
#overview #order_id td{font-size:150%;text-align:left}
#overview #payment_due td{font-size:170%;text-align:left}
#overview #pickup_delivery td{font-size:180%;text-align:left;white-space: wrap}
#customer th{border-top:2px solid;border-bottom:2px solid;white-space:nowrap;font-size:180%;text-align:left}
#items th{border-top:2px solid;border-bottom:2px solid;white-space:nowrap;font-size:150%}
#items th:first-child,#items th:last-child{width:20px;white-space:nowrap;font-size:150%}
#items .item-blog td{padding:5px 2px 5px 2px; border-bottom:1px solid;font-weight:600;font-size:180%;text-align:left}
#items .item-category td{padding:5px 2px 2px 2px; border-bottom:1px dashed }
#items .item td{padding-top:5px;font-size:150%}
#items .item td:first-child{text-align:center;white-space:nowrap;}
#items .item td:last-child{text-align:right;white-space:nowrap;}
#items tbody > tr.divider > td > hr {border:none;border-top:1px dotted #AAAAAA;}
#summary {border-top:1px solid;border-bottom:1px solid;}
#summary tbody > tr > td{text-align:left}
#summary tbody > tr > td:last-child{width:100px}
```
[edited by admin: please wrap code in code tags ]
8 November, 2016 at 2:26 pm #23164
Olly
Admin & Mod
>…I cannot edit how large is PAYMENT TYPE / PAYMENT METHOD and TRANSATION ID, cannot find them in the Print Order template.

what do you mean you cannot edit?
says it right there in your own css (font-size)
```
#overview #order_id td{font-size:150%;text-align:left}
#overview #payment_due td{font-size:170%;text-align:left}
#overview #pickup_delivery td{font-size:180%;text-align:left;white-space: wrap}
#
```
furthermore, it seems to me your printer sets silly margins. Looks like half your paper is wasted…
8 November, 2016 at 2:33 pm #23165
Pawel Cichonski
Participant
1) You are showing: ORDER ID, PAYMENT DUE and DELIVERY TYPE, but there’s no PAYMENT TYPE / PAYMENT METHOD and TRANSATION ID. On the photo you can see the ORDER ID/ PAYMENT DUE/DELIVERY TYPE is LARGER than PAYMENT TYPE / PAYMENT METHOD and TRANSATION ID – which I cannot find to edit it.

2) Will need to work on margins. But then again I can’t figure out why one section of the text is wrapping, other not. Will try to alter the code, experiment etc.

3) Just realised a bigger problem. My google chrome is doing autocomplete. I stayed on the page and made a second order, fields were autocompleted. The email sends all the details, but the PRINTED RECEIPT in CUSTOMER DETAILS is empty showing only:

Customer Details
Full Name:
Email:
Address:
Comments:
Post/Zipcode:

Email has every detail, but receipt not.

I’m using Total Cache but made an exception for order page.

🙁
8 November, 2016 at 2:50 pm #23166
Pawel Cichonski
Participant
.
8 November, 2016 at 3:00 pm #23167
Pawel Cichonski
Participant
1) Autofilled solved, was my mistake. Works.

2) Still, cannot access to edit the font size of: PAYMENT TYPE / PAYMENT METHOD and TRANSATION ID

You are showing: ORDER ID, PAYMENT DUE and DELIVERY TYPE, On the photo you can see the ORDER ID/ PAYMENT DUE/DELIVERY TYPE is LARGER than PAYMENT TYPE / PAYMENT METHOD and TRANSATION ID.
8 November, 2016 at 3:09 pm #23168
Olly
Admin & Mod
i dont know what it is you are doing, but i can assure you there is PAYMENT TYPE, PAYMENT METHOD and TRANSATION ID. just like everything else (if not, you have to send me a screenshot of your templates settings)
i also already showed you the css for the font sizes
and – furthermore – if the customer details are in the emails then they most certainly are accessible in the print templates
8 November, 2016 at 3:20 pm #23169
Pawel Cichonski
Participant
Autofill is good. Customers details are there. My mistake.

Here is the image, displaying the editing code for ORDER ID, PAYMENT DUE and DELIVERY TYPE which you wrote. What I cannot find is where can I edit size of PAYMENT TYPE, PAYMENT METHOD, TRANSACTION ID in the code.
8 November, 2016 at 3:46 pm #23170
Olly
Admin & Mod
it’s not there (in the css), because it’s not used in the default. if you want to set it, add it …….
8 November, 2016 at 5:01 pm #23171
Pawel Cichonski
Participant
Thank you, this really helped and sorry for all those noob questions.

Printer has limit space for printing. The only thing that solves this problem is a good condensed font. I tried different font family in css but none of them are really condensed.
The best would be Arial Narrow, but it does not want to load up and prints out in some default. Don’t know how can I attached additional font, is this something I add on the site or something to do with printer setup. But then again Arial Narrow does not display in the preview in “WPPizza Templates – Order History Print”.
6 December, 2016 at 4:55 pm #23808
Allan Fine
Participant
Would you mind putting the make and model of the printer that you are using for the printing I’m about to buy one for my client who is a Chinese food restaurant and still am up in the air about what would be the best thermal printer make and model to purchase.
Obviously need to use Google cloud print for the online orders but also they want me to be able to hook up the current POS system which uses an ethernet cable to go to the printer.
So if anyone has any information on what would be the best make and model of thermal printer to purchase and if they purchased online from what which website that will be very helpful thank you
6 December, 2016 at 5:49 pm #23814
Pawel Cichonski
Participant
I will check it tomorrow what is the model name, but to tell you the truth – we have used two very basic and different old thermal printers (from 2009) and all of them worked. I was surprised that it actually worked well in comparison to setting this up in woocommerce (which was available only for some printers, our printers back then could not print the orders correctly, like large texts and enormous gaps).
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Thermal Printer Template Text Wrap’ is closed to new replies.

WPPizza

Thermal Printer Template Text Wrap