add: css-classes and implementing those
This commit is contained in:
parent
4fb6ea4ce3
commit
0f4ceac9ab
@ -3,10 +3,11 @@
|
||||
|
||||
<page backtop="30mm" backbottom="30mm" backleft="10mm" backright="10mm" pageset="new">
|
||||
<style>
|
||||
{*debug hilfe*}
|
||||
.eraseBug{
|
||||
border: dashed blueviolet 1px;
|
||||
}
|
||||
|
||||
{*-----------------*}
|
||||
table{
|
||||
font-family: "helvetica";
|
||||
}
|
||||
@ -39,16 +40,81 @@
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
{*---------------------*}
|
||||
{*pdf_header*}
|
||||
.pdf_header_positioning{
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 44px;
|
||||
}
|
||||
{*---------------------*}
|
||||
{*page_footer*}
|
||||
.page_footer_table{
|
||||
width: 688px;
|
||||
font-size: 9px;
|
||||
margin: 0 30px 0 30px;
|
||||
border-top: solid 1px #000;
|
||||
}
|
||||
{*---------------------*}
|
||||
{*pdf_heading*}
|
||||
.pdf_heading_table{
|
||||
width: 100%;
|
||||
margin-top: 8mm;
|
||||
}
|
||||
{* order_aritcle_costs *}
|
||||
.aritcle_costs_table{
|
||||
width: 100%;
|
||||
border-top: solid 0.15mm #000;
|
||||
}
|
||||
.aritcle_costs_table_td_width50{
|
||||
width: 50%;
|
||||
}
|
||||
.aritcle_costs_table_paddingRight{
|
||||
padding-right: -3px;
|
||||
}
|
||||
|
||||
{*order_shop_past_thank*}
|
||||
.past_thank_width100{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
{*order_article_listing*}
|
||||
.order_article_listing_width_amount{
|
||||
width: 20px;
|
||||
}
|
||||
.order_article_listing_width_desc{
|
||||
width: 418px;
|
||||
}
|
||||
.order_article_listing_width_ust{
|
||||
width: 10px;
|
||||
}
|
||||
.order_article_listing_width_unitPrice{
|
||||
width: 80px;
|
||||
}
|
||||
.order_article_listing_width_total_Price{
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.order_article_listing_fontSize{
|
||||
font-size: 11px;
|
||||
}
|
||||
{* footer styling *}
|
||||
.footer_parts{
|
||||
width: 33.33%;
|
||||
}
|
||||
</style>
|
||||
<page_header>
|
||||
<div style="position: absolute; top: 30px; right: 44px;">
|
||||
<img style="" src="[{$oViewConf->getImageUrl('Elektroversand-Schmidt_Logo_180.jpg')}]">
|
||||
[{block name="pdf_header"}]
|
||||
<div class="pdf_header_positioning">
|
||||
<img src="[{$oViewConf->getImageUrl('Elektroversand-Schmidt_Logo_180.jpg')}]">
|
||||
</div>
|
||||
[{/block}]
|
||||
</page_header>
|
||||
<page_footer>
|
||||
<table style="width: 688px; font-size: 9px; margin: 0 30px 0 30px; border-top: solid 1px #000;" cellspacing="0">
|
||||
<table class="page_footer_table" style="cellspacing: 0;">
|
||||
<tr>
|
||||
<td style="width: 33.33%">
|
||||
[{block name="shop_basic_information"}]
|
||||
<td class="footer_parts">
|
||||
<div>[{$shop->oxshops__oxname->value}]</div>
|
||||
<div>[{$shop->oxshops__oxstreet->value}]</div>
|
||||
<div>[{$shop->oxshops__oxzip->value}] [{$shop->oxshops__oxcity->value}]</div>
|
||||
@ -56,22 +122,31 @@
|
||||
<div>[{$shop->oxshops__oxurl->value}]</div>
|
||||
<div>[{$shop->oxshops__oxinfoemail->value}]</div>
|
||||
</td>
|
||||
<td style="width: 33.33%; vertical-align: top;">
|
||||
[{/block}]
|
||||
[{block name="owner_basic_information"}]
|
||||
<td class="vertical-a footer_parts">
|
||||
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_MANAGINGDIRECTOR"}][{$shop->oxshops__oxfname->value}] [{$shop->oxshops__oxlname->value}]</div>
|
||||
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_COURT"}] [{$shop->oxshops__oxcourt->value}]</div>
|
||||
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_HRBNR"}][{$shop->oxshops__oxhrbnr->value}]</div>
|
||||
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTID"}][{$shop->oxshops__oxvatnumber->value}]</div>
|
||||
</td>
|
||||
<td style="width: 33.33%; vertical-align: top;">
|
||||
[{/block}]
|
||||
[{block name="bank_basic_information"}]
|
||||
<td class="vertical-a footer_parts">
|
||||
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_BANKVERBINDUNG"}]</div>
|
||||
<div>[{$shop->oxshops__oxbankname->value}]</div>
|
||||
<div>[{oxmultilang ident="ORDER_OVERVIEW_PDF_ACCOUNTNR"}][{$shop->oxshops__oxibannumber->value}]</div>
|
||||
<div>[{oxmultilang ident="ORDER_OVERVIEW_PDF_BANKCODE"}][{$shop->oxshops__oxbiccode->value}]</div>
|
||||
</td>
|
||||
[{/block}]
|
||||
</tr>
|
||||
</table>
|
||||
</page_footer>
|
||||
<table style="width: 100%; font-size: 12px; margin-top: 8mm;" cellspacing="0">
|
||||
|
||||
[{* +++++ main page part +++++ *}]
|
||||
[{block name="pdf_heading"}]
|
||||
<table class="sizing pdf_heading_table" cellspacing="0">
|
||||
[{block name="heading_owner_information"}]
|
||||
<tr>
|
||||
<td style="width: 65%;">
|
||||
<div style="font-size: 8px;">[{$shop->oxshops__oxname->value}] - [{$shop->oxshops__oxstreet->value}] - [{$shop->oxshops__oxzip->value}] [{$shop->oxshops__oxcity->value}]</div>
|
||||
@ -83,8 +158,10 @@
|
||||
<div class="aligning sizing">[{$shop->oxshops__oxinfoemail->value}]</div>
|
||||
</td>
|
||||
</tr>
|
||||
[{/block}]
|
||||
[{block name="heading_order_information"}]
|
||||
<tr>
|
||||
<td style="width: 65%; vertical-align: top; padding-top: -5px;">
|
||||
<td class="vertical-a" style="width: 65%; padding-top: -5px;">
|
||||
[{if $order->oxorder__oxbillcompany->value}]
|
||||
<div>[{$order->oxorder__oxbillcompany->value}]</div>
|
||||
[{/if}]
|
||||
@ -120,44 +197,40 @@
|
||||
<div class="aligning">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTIDNR"}][{$shop->oxshops__oxvatnumber->value}]</div>
|
||||
</td>
|
||||
</tr>
|
||||
[{/block}]
|
||||
</table>
|
||||
|
||||
[{/block}]
|
||||
[{* +++++Artikeltabelle+++++*}]
|
||||
[{block name="order_article_listing"}]
|
||||
<table style="margin-top: 10px;" cellspacing="0">
|
||||
<tr>
|
||||
<td><div style="width: 20px; padding-bottom: 5px; font-size: 11px;" class="sizing vertical-a">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_AMOUNT"}]</div></td>
|
||||
<td><div style="width: 418px; padding-bottom: 5px; font-size: 11px;" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_DESCRIPTION"}]</div></td>
|
||||
<td><div style="width: 10px; padding-bottom: 5px; font-size: 11px;" class="sizing aligning">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTPERCENTAGE"}]</div></td>
|
||||
<td><div style="width: 80px; text-align: right; padding-bottom: 5px; font-size: 11px;" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_UNITPRICE"}]</div></td>
|
||||
<td><div style="width: 90px; padding-bottom: 5px; font-size: 11px;" class="aligning sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_TOTALPRICE"}]</div></td>
|
||||
<td class="border-bottom mercurius order_article_listing_width_amount"><div class="vertical-a order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_AMOUNT"}]</div></td>
|
||||
<td class="border-bottom mercurius order_article_listing_width_desc"><div class="order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_DESCRIPTION"}]</div></td>
|
||||
<td class="border-bottom mercurius order_article_listing_width_ust"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTPERCENTAGE"}]</div></td>
|
||||
<td class="border-bottom mercurius order_article_listing_width_unitPrice"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_UNITPRICE"}]</div></td>
|
||||
<td class="border-bottom mercurius order_article_listing_width_total_Price"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_TOTALPRICE"}]</div></td>
|
||||
</tr>
|
||||
[{* +++++auslagerbar?+++++ *}]
|
||||
[{foreach from=$order->getOrderArticles(true) item=oOrderArticle}]
|
||||
<tr>
|
||||
<td style="width: 20px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
|
||||
<td style="width: 418px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
|
||||
<td style="width: 10px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
|
||||
<td style="width: 80px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
|
||||
<td style="width: 90px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
|
||||
</tr>
|
||||
[{foreach from=$order->getOrderArticles(true) item=oOrderArticle}]
|
||||
<tr>
|
||||
<td style="vertical-align: top;"><div style="width: 20px; padding-bottom: 5px; padding-right: 45px; text-align: right;" class='vertical-a sizing'>[{$oOrderArticle->oxorderarticles__oxamount->value }]</div></td>
|
||||
<td style="vertical-align: top;"><div style="width: 418px; padding-bottom: 5px;" class='vertical-a sizing'>
|
||||
<td class="hermes vertical-a mercurius" style="width: 20px;"><div class='sizing aligning' style="padding-right: 57.3px">[{$oOrderArticle->oxorderarticles__oxamount->value }]</div></td>
|
||||
<td class="hermes vertical-a mercurius" style="width: 418px"><div class='sizing'>
|
||||
[{$oOrderArticle->oxorderarticles__oxtitle->getRawValue() }] [{ $oOrderArticle->oxorderarticles__oxselvariant->getRawValue() }]
|
||||
<br>
|
||||
<span style="font-size: 9px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ARTNR"}] [{$oOrderArticle->oxorderarticles__oxartnum->value }]</span>
|
||||
</div></td>
|
||||
<td style="vertical-align: top;"><div style="width: 10px; padding-bottom: 5px;" class='vertical-a sizing aligning'>[{$oOrderArticle->oxorderarticles__oxvat->value }]</div></td>
|
||||
<td style="vertical-align: top;"><div style="width: 80px; padding-bottom: 5px; text-align: right;" class='vertical-a sizing'>[{$oOrderArticle->getBrutPriceFormated()}] [{$currency->name}]</div></td>
|
||||
<td style="vertical-align: top;"><div style="width: 90px; padding-bottom: 5px;" class='aligning vertical-a sizing'>[{$oOrderArticle->getTotalBrutPriceFormated()}] [{$currency->name}]</div></td>
|
||||
<td class="hermes vertical-a mercurius" style="width: 10px"><div class='aligning sizing'>[{$oOrderArticle->oxorderarticles__oxvat->value }]</div></td>
|
||||
<td class="hermes vertical-a mercurius" style="width: 80px"><div class='aligning sizing'>[{$oOrderArticle->getBrutPriceFormated()}] [{$currency->name}]</div></td>
|
||||
<td class="hermes vertical-a mercurius" style="width: 90px"><div class='aligning sizing'>[{$oOrderArticle->getTotalBrutPriceFormated()}] [{$currency->name}]</div></td>
|
||||
</tr>
|
||||
[{/foreach}]
|
||||
[{/foreach}]
|
||||
</table>
|
||||
[{/block}]
|
||||
<nobreak>
|
||||
<table style="width: 100%; border-top: solid 0.15mm #000;" class="border-bottom">
|
||||
[{block name="order_aritcle_costs"}]
|
||||
<table class="aritcle_costs_table border-bottom">
|
||||
<tr>
|
||||
[{* ++++++Artikelzusammenfassung++++++ *}]
|
||||
<td style="width: 50%; padding-right: -3px;">
|
||||
<td class="aritcle_costs_table_paddingRight aritcle_costs_table_td_width50 ">
|
||||
<div class="order_sum sizing border-bottom mercurius">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_SUMBRUTTO"}]</div>
|
||||
[{if $order->getFormattedDiscount() != 0}]
|
||||
<div class="order_sum sizing border-bottom spacing_order_info">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_DISCOUNT"}]</div>
|
||||
@ -167,11 +240,11 @@
|
||||
<div class="order_sum sizing border-bottom spacing_order_info">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
|
||||
[{/foreach}]
|
||||
<div class="order_sum sizing hermes">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_DELIVERY"}]</div>
|
||||
<div class="sizing border-bottom spacing_order_info" style="text-align: right; padding-right: 65.9px; margin-left: -3px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
|
||||
<div class="sizing border-bottom spacing_order_info aligning" style="padding-right: 65.9px; margin-left: -3px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
|
||||
<div class="order_sum sizing hermes mercurius"><strong>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TOTALSUMBRUT"}]</strong></div>
|
||||
</td>
|
||||
[{* ++++++Zahlenteil der Zusammenfassung der Kosten++++++ *}]
|
||||
<td style="width: 50%;">
|
||||
<td class="aritcle_costs_table_td_width50">
|
||||
<div class="order_sumNum aligning sizing border-bottom mercurius">[{$order->getFormattedTotalBrutSum()}] [{$currency->name}]</div>
|
||||
[{if $order->getFormattedDiscount() != 0}]
|
||||
<div class="spacing_order_info order_sumNum aligning sizing border-bottom">-[{$order->getFormattedDiscount()}] [{$currency->name}]</div>
|
||||
@ -184,21 +257,23 @@
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table style="width: 100%" cellspacing="0">
|
||||
<tr><td style="width: 100%"> </td></tr>
|
||||
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_PAYMENTMETHOD"}][{$payment->oxpayments__oxdesc->value}]</td></tr>
|
||||
|
||||
[{* +++++++Individueller Zahlungstext+++++++ *}]
|
||||
[{if $order->oxorder__d3pdftextbestellbestaetigung->value}]
|
||||
<tr><td style="width: 100%" class="sizing">[{$order->oxorder__d3pdftextbestellbestaetigung->value}]</td></tr>
|
||||
[{else}]
|
||||
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_GREETINGSORDER"}]</td></tr>
|
||||
[{/if}]
|
||||
<tr><td style="width: 100%"> </td></tr>
|
||||
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_1"}]</td></tr>
|
||||
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_2"}]</td></tr>
|
||||
</table>
|
||||
[{/block}]
|
||||
[{block name="order_shop_past_thank"}]
|
||||
<table class="past_thank_width100" cellspacing="0">
|
||||
<tr><td class="past_thank_width100"> </td></tr>
|
||||
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_PAYMENTMETHOD"}][{$payment->oxpayments__oxdesc->value}]</td></tr>
|
||||
[{* +++++++Individueller Zahlungstext+++++++ *}]
|
||||
[{if $order->oxorder__d3pdftextbestellbestaetigung->value}]
|
||||
<tr><td class="past_thank_width100 sizing">[{$order->oxorder__d3pdftextbestellbestaetigung->value}]</td></tr>
|
||||
[{else}]
|
||||
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_GREETINGSORDER"}]</td></tr>
|
||||
[{/if}]
|
||||
[{*+++++++++++*}]
|
||||
<tr><td class="past_thank_width100"> </td></tr>
|
||||
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_1"}]</td></tr>
|
||||
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_2"}]</td></tr>
|
||||
</table>
|
||||
[{/block}]
|
||||
</nobreak>
|
||||
</page>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user