Sablon testreszabása

A sablon másolása a sablonmappába

A számla sablonját ne a bővítményben szerkeszd, mert frissítéskor elveszne. Másold át a sablon (téma) mappájába:

wp-content/themes/A_TEMAD/pdf_templates/template.php

Ha a szerver fájljogosultságai engedik, ezt a bővítmény is megcsinálja: nyisd meg a WooCommerce → PDF-számla → Súgó és testreszabás fület, és használd a Duplicate the PDF template file gombot, vagy a Copy hivatkozást a sablon sorában.

https://minta-bolt.hu/wp-admin/admin.php?page=woocommerce_pdf&tab=display_help

A táblázat soronként mutatja a sablonokat, és azt, hogy a bővítmény vagy a téma mappájában van-e meg. A saját másolatnak adhatsz fájlnevet is (kiterjesztés nélkül, csak betűk, számok, _ és -).

A másolás után megjelenik egy link a sablonszerkesztőhöz. Ott szabadon átrendezheted a szakaszokat, mezőket adhatsz hozzá vagy törölhetsz. A sablon HTML-táblázatokat használ: a DOMPDF könyvtár korlátja, hogy a CSS-osztályok egy része nem működik, ezért ki kell próbálnod, melyik érvényesül.

Új betűtípus használata

Google-betűtípus

A betűtípus címét a Google Fonts oldalon találod. Add hozzá a template.php stílusaihoz:

@import url('https://fonts.googleapis.com/css?family=Orbitron');

body {
  font-family: 'Orbitron', sans-serif, "DejaVu Sans Mono", sans-serif, monospace;
  font-size: 11px;
}

A betűtípusnak tartalmaznia kell a nyelvedhez szükséges összes karaktert, és elég stílust a normál, a félkövér, a H1 és a H2 szöveghez.

Saját TrueType-betűtípus

Ha tudod a betűtípus fájljának helyét:

@font-face {
  font-family: 'Firefly';
  font-style: normal;
  font-weight: normal;
  src: url(http://example.com/fonts/firefly.ttf) format('truetype');
}
body {
  font-family: 'Firefly', sans-serif;
  font-size: 11px;
}

A DOMPDF saját betűtípusai ebben a mappában vannak:

wp-content/plugins/woocommerce-pdf-invoice/lib/dompdf/lib/fonts/

A mappában lévő betűtípust a template.php fájlban állíthatod be.

A terméktáblázat CSS-osztályai

A rendelés tételeit tartalmazó táblázat az alábbi osztályokkal formázható. A sablon az összes lehetséges osztálynevet tartalmazza.

.orderdetails {
  border-collapse: collapse;
}

.ordercontent {
  border-collapse: collapse;
}

.pdf_table_row_heading {
  color: #FFF;
  background-color: #000;
}

.pdf_table_cell_heading {
  padding: 4px 0;
}

.pdf_table_row_even {
  background: #CACACA;
}

Szűrők és horgok

A számla szövegei és működése a pdf_output_filename, pdf_invoice_item_name, pdf_invoice_email_ids és pdf_invoice_bulk_send_invoice szűrőkkel módosítható.