# Dokumente mit eigenen Briefpapier?

**URL:** <https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905>\
**Category:** Shopware 6 (German)\
**Created:** [17. August 2023 um 06:20 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905 "2023-08-17T06:20:52Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [17. August 2023 um 06:20 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/1 "2023-08-17T06:20:52Z")

</div>

Dokumente mit eigenen Briefpapier, ein weitere Hürde in SW6.

In SW5 konnte man das über das Template lösen. Ein Bild wurde dabei als Hintergrund eingebunden. Welche Möglichkeiten gibt es in SW6?

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [17. August 2023 um 06:35 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/2 "2023-08-17T06:35:27Z")

</div>

Wir sind gerade dabei ein Plugin zu entwickeln, um eine PDF-Vorlage als Hintergrund zu verwenden. Zudem dann bestimmte Einstellungen noch konfigurierbar: Ränder, Footer ausblenden, Position Anschrift und Header rechts, etc.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [17. August 2023 um 06:39 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/3 "2023-08-17T06:39:45Z")

</div>

Verstehe nicht, warum das in einem zeitgemäßen SW6 genrell nicht möglich ist. In SW5 konnte man auch die Positionen anpassen, wurde auch abgeschafft. Wie soll man das einem Kunden erklären der für viel Geld einen Shopware-Plan gebucht hat. Jetzt gibt es wohl nur noch starre Funktionen. Keine Ahnung wie die Masse ihre Shops betreiben, vermutlich alles 0-8-15, aber wir legen großen Wert auch auf solche Dinge.

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [17. August 2023 um 06:47 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/4 "2023-08-17T06:47:51Z")

</div>

Die von Shopware auserkorene Zielgruppe wird wohl keinen Shop ohne Warenwirtschaft/ERP betreiben. Von daher werden diese Funktionen wohl nicht mehr als priorisiert betrachtet. Kann man mögen, muss man nicht. Sollte man aber verstehen, einkalkulieren und akzeptieren.

Wenn deine Kunden Shopware mit einem Plan buchen, sollten auch die Ressourcen für eine Wawi mit ordentlicher Anbindung vorhanden sein. Wenn nicht sollte ein Plan völlig überdimensioniert und die CE ausreichend sein.

Und für das gesparte Geld für die Pläne können diese Funktionen dazuentwickelt und/oder gekauft/gemietet werden.

#justmy2cents

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [17. August 2023 um 07:10 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/5 "2023-08-17T07:10:47Z")

</div>

Tja, nun ist es so, dass der Kunde das wünscht, wie in seinem alten SW5 Shop und eine Lösung gefunden werden muss.

---

<div class="post-metadata">

**Author:** ![rundum\_digital](https://avatars.discourse-cdn.com/v4/letter/r/8dc957/32.png) [@rundum\_digital](https://forum.shopware.com/u/rundum_digital)\
**Post date:** [17. August 2023 um 11:54 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/6 "2023-08-17T11:54:35Z")

</div>

Hier ist beschrieben wie über das eigene Theme / Plugin die Dokumententemplates angepasst werden können. Das sollte der korrekte Ansatz sein.

> **[Shopware 6 - Tutorials und FAQ - Änderungen am Template vornehmen](https://docs.shopware.com/de/shopware-6-de/tutorials-und-faq/aenderungen-am-template-vornehmen#anpassungen-am-dokumenten-template)**
>
> Hier erklären wir Dir, wie Du ein eigenes Shopware 6-Theme anlegen und Anpassungen daran, z.B. an den Dokumenten, vornehmen kannst. Das Standard-Theme sollte nicht angepasst werden, da die Änderungen bei einem Update überschrieben werden.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [17. August 2023 um 12:35 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/7 "2023-08-17T12:35:27Z")

</div>

Ah Mensch, habe das mit dem Ordner „Framework“ übersehen. Alles klar 🙂

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [17. August 2023 um 13:13 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/8 "2023-08-17T13:13:15Z")

</div>

Hier müsste es eine HTML-Vorschau geben. Das Hintergrundbild beginnt irgendwo, leider nicht oben links.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [17. August 2023 um 14:05 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/9 "2023-08-17T14:05:33Z")

</div>

Beim Testen fällt mir eben auf, dass das PDF einen großen Abstand zu allen Seiten hat. Die blaue Linie zeigt den HTML Body-Tag. Für Hintergrundbilder mit Briefpapier natürlich etwas ungünstig. Hat sich damit jemand schon mal befasst?

 ![pdf](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/5/8/58b7c09378c92b896e81c1e0431a0cce78509c0c.jpeg)

Weiterhin ist mir aufgefallen, wenn ich per CSS

```auto
body { position: absolute; }

```

einstelle, geht die PDF Generierung bei der Vorschau gar nicht mehr. Auch ein extra DIV mit „position: absolute“ löst nicht das Problem.

---

<div class="post-metadata">

**Author:** ![chamaw](https://avatars.discourse-cdn.com/v4/letter/c/b487fb/32.png) [@chamaw](https://forum.shopware.com/u/chamaw)\
**Post date:** [17. August 2023 um 16:12 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/10 "2023-08-17T16:12:23Z")

</div>

schau mal in die Datei „style\_base\_portrait.css.twig“

```auto
/*Page */
@page {
  margin-top: 200px;
}

```

das sollte der Rand oben sein …

```auto
[shopware_root]/vendor/shopware/core/Framework/Resources/views/documents/style_base_portrait.css.twig

```

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [18. August 2023 um 06:07 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/11 "2023-08-18T06:07:26Z")

</div>

> [@chamaw](#):
>
> das sollte der Rand oben sein …

Leider ist es nicht so einfach, aber ich habe eine Lösung gefunden damit das Hintergrundbild wirklich über die ganze Fläche geht. Jetzt muss ich nur schauen, warum das Bild mit 300dpi dennoch unschraf aussieht. Wir nähern uns langsam dem Ziel.

---

<div class="post-metadata">

**Author:** ![chamaw](https://avatars.discourse-cdn.com/v4/letter/c/b487fb/32.png) [@chamaw](https://forum.shopware.com/u/chamaw)\
**Post date:** [18. August 2023 um 06:23 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/12 "2023-08-18T06:23:12Z")

</div>

ich vermute mal das ist ein PNG ? Probier mal ein JPEG oder besser noch ein „inline“ SVG.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [18. August 2023 um 07:07 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/13 "2023-08-18T07:07:34Z")

</div>

Bezüglich der Qualität haben wir bewusst PNG als JPEG vorgezogen. Ist aber bei beiden Formaten schlecht (schon ausprobiert).

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [18. August 2023 um 07:21 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/14 "2023-08-18T07:21:22Z")

</div>

Jetzt mal zwischen JPEG und PNG probiert. Bei PNG geht nun plötzlich gar keine Vorschau mehr. Im Log steht dann:

```auto
{
  "url": ".../admin#/sw/order/detail/8fbc96c9c1834e609b8f4b8feda6ef82/base?limit=25&page=1&term=&sortBy&sortDirection=ASC&naturalSorting=false",
  "stack": "oJGZ/</u/<@.../bundles/administration/static/js/commons.js?1683271887280716:2:245465\n",
  "component": "Unknown component"
}

```

Sorry, aber das ist ganz schöner Scheiß hier.

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [1. Februar 2024 um 12:25 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/15 "2024-02-01T12:25:56Z")

</div>

Ich habe in meinem Child-Theme folgende zwei Dateien angepasst

```auto
/custom/plugins/ChildTheme/src/Resources/views/documents/style_base_landscape.css.twig
/custom/plugins/ChildTheme/src/Resources/views/documents/style_base_portrait.css.twig

```

je nach Datei habe ich dann das entsprechende sw\_extends eingebunden.

```auto
{% sw_extends '@Framework/documents/style_base_landscape.css.twig' %}
{% block document_style %}
{{ parent() }}

.document-page {
    background-image: url('@ChildTheme/images/ganesh_briefpapier.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: red;
}
{% endblock %}

```

Bei mir wird aber die CSS nicht verwendet. Was mache ich falsch?

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [1. Februar 2024 um 12:42 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/16 "2024-02-01T12:42:59Z")

</div>

> [@wtjsh](#):
>
> Bei mir wird aber die CSS nicht verwendet. Was mache ich falsch?

Du hast `<style>` vergessen. Den Pfad würde ich ggf. komplett schreiben.

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [1. Februar 2024 um 12:59 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/17 "2024-02-01T12:59:10Z")

</div>

Achsooo, ich dachte, dass alles was außerhalb des Blocks liegt, eh nicht verwendet werden kann. Jetzt hat sich zumindest etwas getan, aber leider auch nur das, was du auch schon gesagt hast.  
Dass wenn „.document-page“ **absolut** gesetzt ist - was ich aber nicht absolut gesetzt habe - keine Vorschau mehr bei Klick auf „Vorschau“ mehr generiert werden kann.  
Hast du es denn ansonsten genau wie ich gemacht?

Also wie hier?:

```auto
{% sw_extends '@Framework/documents/style_base_landscape.css.twig' %}
<style type="text/css">
    {% block document_style %}
    {{ parent() }}
 
    .document-page {
        background-image: url('@ChildTheme/images/ganesh_briefpapier.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-color: red;
    }
    {% endblock %}
</style>

```

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [1. Februar 2024 um 13:22 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/18 "2024-02-01T13:22:34Z")

</div>

Nein, so:

```auto
<style>
.document-page {
        background-image: url('@ChildTheme/images/ganesh_briefpapier.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-color: red;
    }
</style>

```

Nicht um den Block 🙂

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [1. Februar 2024 um 13:39 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/19 "2024-02-01T13:39:06Z")

</div>

Jetzt funktioniert zwar wieder die Vorschau, jedoch werden die Änderungen nicht angezeigt 😕  
Da kann man wirklich nur verzweifeln. Und wenn ich ein dump machen möchte funktioniert dies auch nicht. Egal ob ich **{{ dump() }}** oder **{% dump () %}** schreibe und natürlich in der .env-Datei **APP\_ENV** auf **dev** gesetzt habe.

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [1. Februar 2024 um 14:11 UTC](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905/20 "2024-02-01T14:11:45Z")

</div>

Es hat nun wie folgt geklappt

```auto
{% sw_extends '@Framework/documents/style_base_portrait.css.twig' %}

{% block document_style %}
    {{ parent() }}

    .line-item-table-header.newHeight > th {
        padding-bottom: 40px;
    }

    body {
        background-color: red;
        background-image: url('{{ asset('bundles/childtheme/images/ganesh_briefpapier.jpg') }}');
        background-size: cover;
        background-repeat: no-repeat;
    }
{% endblock %}

```

Wichtig zu wissen ist, dass wenn man Bilder als assets einbinden möchte, dass man nachdem diese in dem public-Ordner enthalten sind in der Konsole folgendes schreibt

```auto
bin/console assets:install

```

Allerdings musste ich das Style.Tag entfernen, da er sonst auf das parent() keine Rücksicht genommen hätte. Habe diese Änderung auch nur in der style\_base\_portrait.css.twig gemacht.

Was aber nicht klappt ist, dass das Hintergrundbild über die komplette Seite geht. Es beginnt erst ab dem Adressblock und links und rechts ist viel zu viel Space

[Nächste Seite](https://forum.shopware.com/t/dokumente-mit-eigenen-briefpapier/100905.md?page=2)