-- HikaShop version -- : 4.4.2
-- Joomla version -- : 3.9.26
-- PHP version -- : 7.4.16
-- Browser(s) name and version -- : Firefox 88.0 (64-bits)
Hi,
I'm using the attachinvoice plugin to print shipping invoices. These are printed on a paper where the top-left has a label. On that label the shipping address is printed and I also want to print the senders postalcode en number. This works but.... I need the senders postalcode and number printed vertical.
With CSS I can change the font-size and so but I cannot get the text vertical (see attached file marked with the red rectangle).
I defined a vertical class and added this to the code but no succes. Here's a snippet:
.addresses{padding-top:50px;}
.addresses td{padding-left:50px;}
.addresses fieldset {float:left;}
.pakbon{padding-top:-10px;}
.pakbon td{padding-left:10px;}
.afzender {font-size:10px;}
.vertical { transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); /* Safari/Chrome */
-moz-transform: rotate(-90deg); /* Firefox */
-o-transform: rotate(-90deg); /* Opera */
-ms-transform: rotate(-90deg); /* IE 9 */}
table.products{margin:auto;margin-top:60px;width:580px;border-collapse:collapse}
.price{text-align:center;}
.products td, .products th{border:1px solid #ccc;padding:7px 4px;}
.products th{background-color:#5471B5;color:white;}
td.newarea{text-align:right;padding-right:20px;}
tr.total{font-weight:bold;}
.products tr.limitation td{background-color:#ccc;padding:1px 0px;}
.hikashop_order_custom_fields_fieldset{margin-top : 20px;}
.footer{font-size:10px;color:#aaa;text-align:center;}
-->
</style>
<page style="font-size: 14px" backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm">
<table class="pakbon">
<tr>
<?php
$addresses = array('shipping_address');
foreach($addresses as $oneAddress){
if(empty($order->$oneAddress)) continue;
if ($oneAddress=='shipping_address' && empty($pluginsShipping)) continue; ?>
<td valign="top" style="width:50%">
<fieldset>
<?php
$override = false;
if(!empty($order->order_shipping_id) && $oneAddress=='shipping_address' && method_exists($currentShipping, 'getShippingAddress')) {
$override = $currentShipping->getShippingAddress($order->order_shipping_id);
}
if($override !== false ) {
echo $override;
} else {
$addressClass = hikashop_get('class.address');
if(hikashop_isClient('administrator')){
$view = 'order';
}else{
$view = 'address';
}
echo $addressClass->displayAddress($order->fields,$order->$oneAddress,$view);
?> <br /> <span class="afzender"><?php
if($this->shipping_invoice){
$number = JText::_('SHIPPING_INVOICE').' n° ';
if(JText::_('SHIPPING_INVOICE_NUMBER') != 'SHIPPING_INVOICE_NUMBER'){
$number = JText::_('SHIPPING_INVOICE_NUMBER').' ';
}
$item_type = 'display:back_shipping_invoice=1';
}else{
$number = JText::_('INVOICE').' n° ';
if(JText::_('INVOICE_NUMBER') != 'INVOICE_NUMBER'){
$number = JText::_('INVOICE_NUMBER').' ';
}
$item_type = 'display:back_invoice=1';
}
}
?></span>
</fieldset>
</td>
<td class="afzender"><fieldset><span class="vertical">Afz.: 8271DN8</span></fieldset></td>
<?php } ?>
</tr>
</table>
Any ideas how I can get the specific text vertical?
Regards,
Eric