# Sablon testreszabása

> A számlasablon másolása a sablonba, betűtípusok használata és a táblázat CSS-osztályai.

## 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.

![A Súgó és testreszabás fül](./kepek/sugo-testreszabas.webp)

*A Súgó és testreszabás fül* (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:

```css
@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:

```css
@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.

```css
.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ó.